全国咨询热线:18720358503

快速创建微信小程序_基于JavaScript完成复选框的全

类别:企业动态 发布时间:2021-01-12 浏览人次:

基于JavaScript实现复选框的全选和取消全选       这篇文章主要为大家详细介绍了基于JavaScript实现复选框的全选和取消全选,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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

效果图:

测试代码如下:

 !DOCTYPE html 
 html lang="en" 
 head 
 meta charset="UTF-8" 
 title /title 
 style 
 li{list-style: none;}
 /style 
 /head 
 body 
 div 
 label input type="checkbox" name="wp" value="wpa"/ 液体 /label 
 /li 
 label input type="checkbox" name="wp" value="wpb"/ 粉末 /label 
 /li 
 label input type="checkbox" name="wp" value="wpc"/ 仿牌 /label 
 /li 
 label input type="checkbox" name="wp" value="wpd"/ 纯电池 /label 
 /li 
 label input type="checkbox" name="wp" value="wpe"/ 危险品 /label 
 /li 
 label input type="checkbox" name="wp" value="wpd"/ 配套电池 /label 
 /li 
 label input id="allChecked" type="button" name="sel" value="全选/取消" / /label 
 /li 
 /ul 
 /div 
 script src="../js/jquery-1.11.3.js" /script 
 script type="text/javascript" 
 /*全选或取消全选*/
 function selectAllDels(){
 var allWp=document.getElementsByName("wp");
 var selOrUnsel=false;
 for(var i=0; i allWp.length;i++){
 if(allWp[i].checked){
 selOrUnsel=true;
 break;
 if (selOrUnsel){
 allUnchk(allWp);
 }else{
 allchk(allWp);
 function allchk(allWp){
 for(var i=0; i allWp.length;i++ ){
 allWp[i].checked=true;
 function allUnchk(allWp){
 for(var i=0; i allWp.length;i++){
 allWp[i].checked=false;
 /script 
 /body 
 /html 

直接复制代码可用。

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


下一篇:没有了

推荐阅读

快速创建微信小程序_基于JavaScript完成复选框的全

根据JavaScript完成勾选框的全选和撤销全选 本文关键为大伙儿详尽详细介绍了根据JavaScript完成勾选框的全选和撤销全选,具备一定的参照使用价值,很感兴趣的小伙子伴们能够参照...

2021-01-12
桂林抖音微信小程序_基于canvas的二维码邀请函生

根据canvas的二维码邀约函转化成软件 文中关键详细介绍了根据canvas的二维码邀约函转化成软件。具备非常好的参照使用价值,下边跟随网编一起來看看吧它是2017年的第一篇博闻,...

2021-01-12
无需微信小程序源码_原生js轮播(仿慕课网)

原生态js滚屏(仿慕课网) 文中关键共享了原生态js完成仿慕课网的滚屏实际效果。具备非常好的参照使用价值,下边跟随网编一起來看看吧实际效果以下:编码以下:!DOCTYPE htm...

2021-01-12
微信小程序怎么打_ajax接收后台数据在html页面显

ajax接受后台管理数据信息在html网页页面显示信息 PrintWriter out=response.getWriter(); //向顾客端推送标识符数据信息response.setContentType("text/text"); //设定恳求及其响应的內容种类及其编号...

2021-01-12
婚庆市场小程序新玩法_Vue表单验证插件的制造过

Vue表格认证软件的制作全过程 本文关键为大伙儿详尽详细介绍了Vue表格认证软件的制作全过程,具备一定的参照使用价值,很感兴趣的小伙子伴们能够参照一下前不久,大哥搭好...

2021-01-12
北京网站建设云计算云模式有哪些

云计算技术是技术性发展的现况,也是将来发展趋势的方位,早已和人工智能化,物联网网等技术性密不可分融合,更改了客户在全世界范畴运行内存储,浏览和互换数据信息的方法。...

2021-01-12
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信