基于JavaScript实现复选框的全选和取消全选

  

本文实例为大家分享了js复选框的全选和取消全选的具体代码,供大家参考,具体内容如下

  

效果图:

  

基于JavaScript实现复选框的全选和取消全选

  

测试代码如下:

        & lt; !DOCTYPE html>   & lt; html lang=癳n”比;   & lt; head>   & lt;元charset=皍tf - 8”比;   & lt; title> & lt;/title>   & lt; style>   李{list-style:没有;}   & lt;/style>   & lt;/head>   & lt; body>   & lt; div类=暗谝弧北?   & lt; ul类=癴rtInfo”比;   & lt;李类=跋嗤北?   & lt; label> & lt;输入类型=案囱】颉眓ame=" wp " value=" https://www.yisu.com/zixun/wpa "/祝辞液体& lt;/label>   & lt;/li>   & lt;李类=跋嗤北?   & lt; label> & lt;输入类型=案囱】颉眓ame=" wp " value=" https://www.yisu.com/zixun/wpb "/祝辞粉末& lt;/label>   & lt;/li>   & lt;李类=跋嗤北?   & lt; label> & lt;输入类型=案囱】颉眓ame=" wp " value=" https://www.yisu.com/zixun/wpc "/祝辞仿牌& lt;/label>   & lt;/li>   & lt;李类=跋嗤北?   & lt; label> & lt;输入类型=案囱】颉眓ame=" wp " value=" https://www.yisu.com/zixun/wpd "/在纯电池& lt;/label>   & lt;/li>   & lt;李类=跋嗤北?   & lt; label> & lt;输入类型=案囱】颉眓ame=" wp " value=" https://www.yisu.com/zixun/wpe "/祝辞危险品& lt;/label>   & lt;/li>   & lt;李类=跋嗤北?   & lt; label> & lt;输入类型=案囱】颉眓ame=" wp " value=" https://www.yisu.com/zixun/wpd "/祝辞配套电池& lt;/label>   & lt;/li>   & lt;李class="同样选择“在   & lt; label> & lt;输入id=癮llChecked”类=癮llChk”类型=鞍磁ァ钡拿?把∪ 奔壑?" https://www.yisu.com/zixun/全?取消”/祝辞& lt;/label>   & lt;/li>   & lt;/ul>   & lt;/div>   & lt;脚本src=" https://www.yisu.com/js/jquery-1.11.3.js "祝辞& lt;/script>   & lt;脚本type=" text/javascript祝辞/*全选或取消全选*/函数selectAllDels () {   var allWp=document.getElementsByName (wp);   var selOrUnsel=false;   (var=0;i   & lt;/body>   & lt;/html>      

直接复制代码可用。

  

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

基于JavaScript实现复选框的全选和取消全选