TOP /すぐに使えるJavaScript チェックボックスでテキストボックスの有効無効を切り替える

1
2
<style type=text/css><!--
.disabl{background-color: #dddddd;}
--></style>
<script type="text/javascript"><!--
function check(){
if(arguments[0].checked){
for (i = 1; i < arguments.length; i++){
document.getElementById(arguments[i]).disabled=false;
document.getElementById(arguments[i]).className="";
}
}else{
for (i = 1; i < arguments.length; i++){
document.getElementById(arguments[i]).disabled=true;
document.getElementById(arguments[i]).className="disabl";
}
}
}/*himajin.moo.jp*/
// --></script>
<form>
<table border="1">
<tr>
<td width=40>
<INPUT TYPE="checkbox"onclick="check(this,'Ano1','Ano2')"checked>
1</td>
<td>
<INPUT type="text" size="10"id="Ano1">
<INPUT type="text" size="10"id="Ano2">
</td>
</tr>
<tr>
<td width=40>
<INPUT TYPE="checkbox"onclick="check(this,'Bno1','Bno2','Bno3','Bno4')">
2</td>
<td>
<INPUT type="text"class="disabl" size="10"id="Bno1"disabled>
<INPUT type="text"class="disabl" size="10"id="Bno2"disabled>
<INPUT type="text"class="disabl" size="10"id="Bno3"disabled>
<INPUT type="text"class="disabl" size="10"id="Bno4"disabled>
</td>
</tr>
</table>
</form>