萬盛學電腦網 >> 腳本專題 >> javascript >> JS+JSP checkBox 全選具體實現
JS+JSP checkBox 全選具體實現
本文為大家介紹下使用JS+JSP實現checkBox全選，下面有個不錯的示例，感興趣的朋友可以參考下
代碼如下: <script> function func(){ var options=document.getElementsByName("chkBox"); for (var i=0;i<options.length;i++){ if(!options[i].disabled){ options[i].checked=true; } } } </script> <input type=checkbox name=chkBox value=1 disabled> <input type=checkbox name=chkBox value=1> <input type=checkbox name=chkBox value=1> <input type=checkbox name=chkBox value=1> <input type=button value="測 試" onclick="func()"> 用javascript吧。 代碼如下: <html> <body> <script> function kk(){ var handleEl = document.getElementById("kkHandler"); var els = document.getElementsByName("kk"); for(i=0;i<els.length;i++){ els[i].checked = handleEl.checked; } } </script> <input type=checkbox onclick="kk()" name="kkHandler">全選<br> <input type=checkbox name="kk"> <input type=checkbox name="kk"> </body> </html> 2: 代碼如下: <form name="form" ID="Form1"> <input type="checkbox" name="id" value="" ID="Checkbox1">1 <input type="checkbox" name="id" value="" ID="Checkbox2">2 <input type="checkbox" name="chose" value="" onclick="selectAll()" ID="Checkbox5">allselect </form> <script> function selectAll() { if(!document.form.id.length){ if(document.form.chose.checked){ document.form.id.checked=true; } else{ document.form.id.checked=false; } } else{ for(var i=0;i<document.form.id.length;i++){ if(document.form.chose.checked){ document.form.id[i].checked=true; } else{ document.form.id[i].checked=false; } } } } </script> 3: 代碼如下: <input type='checkbox' name='info' value='a'> <input type='checkbox' name='info' value='b'> <input type='checkbox' name='info' value='c'> <input type='checkbox' name='info' value='d'> <input type='checkbox' name='info' value='e'><br> <input type='button' value =' 全選 'onclick='check_all();'> <script> function check_all(){ arr = document.getElementsByName('info'); for(i=0;i<arr.length;i++){ arr[i].checked = true; } } </script>javascript排行
程序編程推薦
相關文章
圖片文章
copyright © 萬盛學電腦網 all rights reserved