[javascript]radioボタンのdisabledを動的に操作

昨日に引き続き、今日は、radioボタンで動的にdisabledを操作してみたいと思います。

まず、1個の場合、

<form name="frm" action="" method="post"> <input type="radio" name="foo" value="1"> <input type="button" value="確認" onclick="lf_kakunin();"> </form> <script type="text/javascript"> function lf_kakunin(){ var curfrm = document.frm; if(curfrm.foo.disabled == true){ curfrm.foo.disabled = false; }else{ curfrm.foo.disabled = true; } } </script>

でdisabledの状態をコントロールすることができます。

では、複数の場合は、これも前回と同じ感じで、

<form name="frm" action="" method="post"> <input type="radio" name="foo" value="1"> <input type="radio" name="foo" value="2"> <input type="button" value="確認" onclick="lf_kakunin();"> </form> <script type="text/javascript"> function lf_kakunin(){ var curfrm = document.frm; for(var i=0;i<curfrm.foo.length;i++){ if(curfrm.foo[i].disabled == true ){ curfrm.foo[i].disabled = false; }else{ curfrm.foo[i].disabled = true; } } } </script>

となります。

それにしても、一個の場合でも、同じように処理できたらなー。