为了账号安全,请及时绑定邮箱和手机立即绑定

js选中第一次全选取消反选都可以第二次就无效了

js选中第一次全选取消反选都可以第二次就无效了

慕虎7371278 2019-04-12 18:15:08
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");}})})
查看完整描述

6 回答

?
慕少森

TA贡献2019条经验 获得超9个赞

$(this).removeAttr("checked");你这里别用移除,用$(this).attr("checked", "false");


查看完整回答
反对 回复 2019-05-13
?
拉莫斯之舞

TA贡献1820条经验 获得超10个赞

$("#btnshow").click(function() {
$("input[name='ArchivesId']").each(function(n,value) {
if ($(value).attr("checked")) {
$(value).removeAttr("checked");
} else {
$(value).attr("checked", "true");
}
});
});


查看完整回答
反对 回复 2019-05-13
?
缥缈止盈

TA贡献2041条经验 获得超4个赞

attr不好用就试试prop


查看完整回答
反对 回复 2019-05-13
?
四季花海

TA贡献1811条经验 获得超5个赞

点击

$("#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的。
妥妥的!


查看完整回答
反对 回复 2019-05-13
?
慕森卡

TA贡献1806条经验 获得超8个赞

这种单选框一类的,使用attr一次之后会失效,可以使用prop这个


查看完整回答
反对 回复 2019-05-13
?
慕盖茨4494581

TA贡献1850条经验 获得超11个赞

这有一个源码,可以借鉴一下。
<!DOCTYPE html>




<br> function checkALL(){<br> var games = document.getElementsByName(&quot;game&quot;);//取到一个数组<br> //即,获取全部选项<br> //document.getElementById(&quot;checkALL&quot;)获取全选框对象<br> //再,checked获取勾选状态<br> var temp = document.getElementById(&quot;checkALL&quot;).checked;<br> console.log(temp);<br> for(var i=0;i&lt;games.length;i++){<br> //checked 表示是否被勾上,true或false<br> //console.log(games[i].checked);<br> games[i].checked = temp;</p> <pre><code> } } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;input type=&quot;checkbox&quot; name=&quot;game&quot; id=&quot;checkALL&quot; value=&quot;&quot; onclick=&quot;checkALL()&quot;/&gt;全选&lt;br /&gt; &lt;input type=&quot;checkbox&quot; name=&quot;game&quot; id=&quot;&quot; value=&quot;&quot; /&gt;2&lt;br /&gt; &lt;input type=&quot;checkbox&quot; name=&quot;game&quot; id=&quot;&quot; value=&quot;&quot; /&gt;3&lt;br /&gt; &lt;input type=&quot;checkbox&quot; name=&quot;game&quot; id=&quot;&quot; value=&quot;&quot; /&gt;4&lt;br /&gt; &lt;input type=&quot;checkbox&quot; name=&quot;game&quot; id=&quot;&quot; value=&quot;&quot; /&gt;5&lt;br /&gt; &lt;/body&gt; </code></pre> <p></html></p>


查看完整回答
反对 回复 2019-05-13
  • 6 回答
  • 0 关注
  • 656 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信