JavaScript全部勾选所有复选框

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。

编程之家小编现在分享给大家，也给大家做个参考。

    <html>  
    <head>  
    <title>全部勾选所有复选框</title>  
    <Metahttp-equivMetahttp-equiv="Content-Type" content="text/html;charset=UTF-8"/>  
    <scripttypescripttype="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>  
    <bodystylebodystyle="text-align:center">  
    <!--定义表单 -->  
    <form>                          
    你的兴趣：<br>  
    <inputtypeinputtype="checkBox" name="myall"onclick="checkAll(this.checked)"/>全选<br>  
    <br/><br/>  
    <inputtypeinputtype="checkBox" name="myname" />全选    
    <inputtypeinputtype="checkBox" name="myname" />全选    
    <inputtypeinputtype="checkBox" name="myname" />全选  
    </form>  
       
    </body>  
    </html>

以上是编程之家(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

JavaScript全部勾选所有复选框

相关文章