js选中第一次全选取消反选都可以第二次就无效了
input type="checkbox" id="showcheckbox" class="checkbox" name="ArchivesId"
$("#btnshow").click(function () {
$("input[name='ArchivesId']").each(function () {
if ($(this).attr("checked")) {
$(this).removeAttr("checked");
}
else {
$(this).attr("checked", "true");
}
})
})
慕虎7371278浏览 657回答 6
6回答
-
慕少森
$(this).removeAttr("checked");你这里别用移除，用$(this).attr("checked", "false"); -
拉莫斯之舞
$("#btnshow").click(function() {$("input[name='ArchivesId']").each(function(n,value) {if ($(value).attr("checked")) {$(value).removeAttr("checked");} else {$(value).attr("checked", "true");}});}); -
缥缈止盈
attr不好用就试试prop -
四季花海
点击$("#button").unbind("click").click(function (){ if($("#showcheckbox").get(0).getAttribute("checked") != "" && $("#showcheckbox").get(0).getAttribute("checked") != null){ $("#showcheckbox").get(0).removeAttribute("checked"); }else{ $("#showcheckbox").get(0).setAttribute("checked","checked"); } });jquery操作checkbox、radio这几个input元素坑的。遇到这种的，你把部分jquery代码换成原生js的。妥妥的！ -
慕森卡
这种单选框一类的，使用attr一次之后会失效，可以使用prop这个 -
慕盖茨4494581
这有一个源码，可以借鉴一下。<!DOCTYPE html><br> function checkALL(){<br> var games = document.getElementsByName("game");//取到一个数组<br> //即，获取全部选项<br> //document.getElementById("checkALL")获取全选框对象<br> //再，checked获取勾选状态<br> var temp = document.getElementById("checkALL").checked;<br> console.log(temp);<br> for(var i=0;i<games.length;i++){<br> //checked 表示是否被勾上，true或false<br> //console.log(games[i].checked);<br> games[i].checked = temp;</p> <pre><code> } } </script> </head> <body> <input type="checkbox" name="game" id="checkALL" value="" onclick="checkALL()"/>全选<br /> <input type="checkbox" name="game" id="" value="" />2<br /> <input type="checkbox" name="game" id="" value="" />3<br /> <input type="checkbox" name="game" id="" value="" />4<br /> <input type="checkbox" name="game" id="" value="" />5<br /> </body> </code></pre> <p></html></p>
随时随地看视频慕课网APP
相关分类
JavaScript