JavaScript全部勾選所有複選框
阿新 • • 發佈：2019-02-01
本例主要說明如何使用JavaScript實現全選功能。效果圖如下
點選“全選”前
點選“全選”後
程式碼如下：
<html> <head> <title>全部勾選所有複選框</title> <metahttp-equiv="Content-Type" content="text/html;charset=UTF-8"/> <scripttype="text/javascript"> //勾選所有的函式 functioncheckAll(c){ //獲取所有的複選框 var arr= document.getElementsByName('myname'); if(c){ //是否全選 //遍歷所有的複選框 for(vari=0;i<arr.length;i++){ arr[i].checked= true;//選中 } }else{ //否則，全不選 //遍歷所有的複選框 for(vari=0;i<arr.length;i++){ arr[i].checked= false;//不選中 } } } </script> </head> <bodystyle="text-align:center"> <!--定義表單 --> <form> 你的興趣：<br> <inputtype="checkbox" name="myall"onclick="checkAll(this.checked)"/>全選<br> <br/><br/> <inputtype="checkbox" name="myname" />全選 <inputtype="checkbox" name="myname" />全選 <inputtype="checkbox" name="myname" />全選 </form> </body> </html>