基于Java脚本语言实现复选框的全选和取消全选

本文实例为大家分享了射流研究…复选框的全选和取消全选的具体代码，供大家参考，具体内容如下

效果图：

测试代码如下：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title/title style Li { list-style : none；}/style/head body div class=' first ' ul class=' frtInfo ' Li class=' same ' labelinput type=' checkbox ' name=' WP ' value=' wpa '/液体/label/Li Li class=' same ' labelinput type=' checkbox ' name=' WP ' value=' wpb '/粉末/label/Li Li class=' same ' labelinput type=' checkbox ' name=' WP ' value=' WPC '/仿牌/标签/李莉class=' same ' labelinput type=' checkbox ' name=' WP ' value=' wpd '/纯电池/label/Li Li class=' same ' labelinput type=' checkbox ' name=' WP ' value=' wpe '/危险品/label/Li Li class=' same ' labelinput type=' checkbox ' name=' WP ' value=' wpd '/配套电池/label /li li class='相同选择labelinput id=' AllChecked ' class=' AllChK ' type=' button ' name=' sel ' value='全选/取消onclick=' selectAllDels()'//label/Li/ul/div脚本src='http:/js/jquery-1。11 .3 .js /脚本脚本类型='text/javascript' /*全选或取消全选*/function selectAllDels(){ var all WP=document。getelementsbyname(' WP ')；var selOrUnsel=false for(var I=0；iallWp.lengthi ){ if(allWp[i]).选中){ selOrUnsel=true打破；} } if(selOrUnsel){ allUnchk(all WP)；} else { all chk(ALlWP)；} }函数all chk(ALlWP){ for(var I=0；iallWp.lengthi ){ allWp[i].选中=真；} }函数all unkhk(all WP){ for(var I=0；iallWp.lengthi ){ allWp[i].选中=假；} }/脚本/正文/html直接复制代码可用。

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