js中checkbox全选怎么写
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js中checkbox全选怎么写相关的知识，希望对你有一定的参考价值。
js中checkbox全选怎么写就是一个全选checkbox选中后下面的全选，取消后下面的也取消，下面的全点上后上面的全选也自动点上，怎么写求大神指导
参考技术A $("#check_group input[type='checkbox']").each(function()$(this).attr("checked",true); // 全选
$(this).attr("checked",false); // 清空
);
这是我写的博客地址，比较简单的选择，但还算实用
http://blog.csdn.net/qq_30252319/article/details/51991404#本回答被提问者采纳 参考技术B CheckBox复选框JS实现全选全不选功能,很简单，就只需插入一小段js函数就行了。
function SelectAll() var checkboxs=document.getElementsByName("choose"); for (var i=0;i。追问
全选和全不选的实现
点击全选的按钮触发全选或全不选，点击下面的每一个假如全都选中时全选按钮一定要选中，其中有一个按钮没选中的花，全选按钮应不选中
//根据名字获取所有checkbox控件
var allCheckBoxs=document.getElementsByName("isBuy") ;
//循环设置控件为选中状态
for (var i=0;i<allCheckBoxs.length ;i++)
if(allCheckBoxs[i].type=="checkbox")
allCheckBoxs[i].checked=checked;
追问
全选和全不选的实现
点击全选的按钮触发全选或全不选，点击下面的每一个假如全都选中时全选按钮一定要选中，其中有一个按钮没选中的花，全选按钮应不选中
checkbox 的全选与全不选
checkbox 的全选与全不选
只需要调用 cekAll.check();方法，这个方法接收两个参数：
参数一: 全选按钮的 id 以字符串的形式写
参数二: 其他 checkbox 的 name 值 也是以字符串的形式写
使用很简单 : 复制 js 代码到你的 js 文件的任何地方，只需要在HTML文档加载完以后调用 cekAll.check();传入参数即可 什么点击事件，什么获取对象，统统不用写，
装点：不管你的 checkbox 是写到页面上的还是动态读取的，都不需要加事件。
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script> var cekAll = { ‘num‘:0, check:function(part,chid){ var parent = document.getElementById(part); var child = document.getElementsByName(chid); parent.onclick = function(){ if(parent.checked != true){ for(var j = 0;j<child.length;j++){ child[j].checked = false; cekAll.num = 0; }; }else{ for(var i=0;i< child.length;i++){ if(parent.checked == true){ child[i].checked = true; cekAll.num = child.length; }; }; }; }; cekAll.childClick(part,chid); }, childClick:function(one,two){ var one1 = document.getElementById(one); var two1 = document.getElementsByName(two); for(var j = 0;j< two1.length;j++){ two1[j].onclick = (function(){ return function(){ if(this.checked == false){ one1.checked = false; cekAll.num--; }else{ cekAll.num ++; if(cekAll.num == two1.length){ one1.checked = true; }; }; }; })(); }; } }; </script> </head> <body> <div> <input type="checkbox" id="quanxuan"/>全选<br/> </div> <script> // 动态添加的 checkbox 跟写到页面上是一样的 var div = document.getElementsByTagName(‘div‘)[0]; var arr = [‘吃饭‘,‘睡觉‘,‘打豆豆‘]; for(i in arr){ var str = ‘<input type="checkbox" name="che1">‘+arr[i]+‘‘; div.innerHTML += str; } // -- 静态写到页面上的、动态添加的，调用 cekAll.check(); 方法的书写格式都一样 cekAll.check(‘quanxuan‘,‘che1‘); </script> </body> </html>
以上是关于js中checkbox全选怎么写的主要内容，如果未能解决你的问题，请参考以下文章
我想给checkbox用js注册一个onchange事件来监听它的状态的变化，该怎么样写？