189 8069 5689

js/jQuery实现全选效果

本文实例为大家分享了js/jQuery两种代码实现全选效果的具体代码，供大家参考，具体内容如下

创新互联公司主营会昌网站建设的网络公司,主营网站建设方案,重庆App定制开发,会昌h5小程序定制开发搭建,会昌网站营销推广欢迎会昌等地区企业咨询

注意点

在获取子选框的时候别加上 全选框的个数了

技巧

找 tbody 下面的input标签 就可以

jq文件夹自己下载即可

思路

var all=my$("j_tb").getElementsByTagName("input");
 // alert(all.length);
 //实现1 点击全选 子选框都得被全选
 
 /**
 * 
 * 点击全选框 判断全选框的checked是否为真 为真 遍历所有子选框 设置所有子选框的checked=true; true不用加""
 *
 * 
 */
 my$("j_cbAll").onclick=function(){
 if(j_cbAll.checked)
 {
 for(var i=0;i

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


当前文章：js/jQuery实现全选效果
转载来源：http://cdxtjz.cn/article/ishcid.html

其他资讯