TOP /すぐに使えるJavaScript | チェックボックスでテキストボックスの有効無効を切り替える |
---|
<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>