该死的Checkbox啊,JS单选后全选失效怎么办?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了该死的Checkbox啊,JS单选后全选失效怎么办?相关的知识,希望对你有一定的参考价值。

在IE下面没有这个问题,但是在FF和Chrome下,javascript控制,我设置点击一个置顶的checkbox,触发checkall函数,里面让下面的10个checkbox的attr('checked','true'),这样没有问题,但是如果下面的checkbox任意一个被点击过,再触发checkall函数时,被点击过的checkbox就不会被选中,为啥?参考图如下:

遍历checkbox数组,直接将checked设置为true,不要用!checked。
<body>
<form>
<input type="checkbox" name="all" onclick="javascript:for(var i=0;i<this.form.a1.length;i++)this.form.a1[i].checked=this.checked;">全选<br>
<input type="checkbox" name="a1"><br>
<input type="checkbox" name="a1"><br>
<input type="checkbox" name="a1"><br>
<input type="checkbox" name="a1"><br>
<input type="checkbox" name="a1"><br>
<input type="checkbox" name="a1"><br>
<input type="checkbox" name="a1"><br>
<input type="checkbox" name="a1"><br>
<input type="checkbox" name="a1"><br>
<input type="checkbox" name="a1"><br>
</form>
</body>
参考技术A 楼上正解。

js写全选,怎么取消一个checkbox的选中状态,让全选的checkbox选中状态取消

var iSelect=true;
function Check()
var input=document.getElementsByTagName("input");
if(iSelect==true)
for(var i=0;i<input.length;i++)
input[i].checked=true;

iSelect=false;
else if(iSelect==false)
for(var i=0;i<input.length;i++)
input[i].checked=false;

iSelect=true;


接着这个全选功能,大神们帮帮忙吧

写判断。
1.点击全选时是把所有的项加上checked
2.获取这个checked的数量
3.当checked数量不等于全部项的数量时,就把全选按钮的checked属性设为false追答

你是要代码吗?

参考技术A var checkAll = document.getElementById("check-all");
var qx = document.getElementById("qx");
var ach = qx.getElementsByTagName("input");
for ( var i = 0; i < ach.length; i++)
ach[i].onclick = function ()
if (!this.checked)
checkAll.checked = false;

;
参考技术B 又是你,可以用jQ写吗,原生快忘了

以上是关于该死的Checkbox啊,JS单选后全选失效怎么办?的主要内容,如果未能解决你的问题,请参考以下文章

为啥我用jQuery写好checkbox的全选后,点击两次后,就不行了,要刷新页面后,点击才有响应,源码是这样

考试中遇到的一道题

单选,全选操作js相关技术

Vue实现单选、全选和反选

jquery实现全选 我全选后,取消全选,再点击全选,却选不上。我手动选上,然后点击取消全选,能够取消。

Django框架---jquery实现checkbox的单选和全选