首頁猿問 js選中第一次全選取消反選都可以第...

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

JavaScript

慕虎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貢獻(xiàn)2019條經(jīng)驗(yàn) 獲得超9個(gè)贊

$(this).removeAttr("checked");你這里別用移除，用$(this).attr("checked", "false");

反對回復(fù) 2019-05-13

拉莫斯之舞

TA貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超10個(gè)贊

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

反對回復(fù) 2019-05-13

縹緲止盈

TA貢獻(xiàn)2041條經(jīng)驗(yàn) 獲得超4個(gè)贊

attr不好用就試試prop

反對回復(fù) 2019-05-13

四季花海

TA貢獻(xiàn)1811條經(jīng)驗(yàn) 獲得超5個(gè)贊

點(diǎn)擊

$("#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這幾個(gè)input元素坑的。
遇到這種的，你把部分jquery代碼換成原生js的。
妥妥的！

反對回復(fù) 2019-05-13

慕森卡

TA貢獻(xiàn)1806條經(jīng)驗(yàn) 獲得超8個(gè)贊

這種單選框一類的，使用attr一次之后會(huì)失效，可以使用prop這個(gè)

反對回復(fù) 2019-05-13

慕蓋茨4494581

TA貢獻(xiàn)1850條經(jīng)驗(yàn) 獲得超11個(gè)贊

這有一個(gè)源碼，可以借鑒一下。
<!DOCTYPE html>

<br> function checkALL(){<br> var games = document.getElementsByName("game");//取到一個(gè)數(shù)組<br> //即，獲取全部選項(xiàng)<br> //document.getElementById("checkALL")獲取全選框?qū)ο?lt;br> //再，checked獲取勾選狀態(tài)<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>

反對回復(fù) 2019-05-13