建站
咨詢
售后
建站咨詢
新聞中心
這篇文章主要介紹了JQuery全選/反選第二次失效怎么辦，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
為洪澤等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及洪澤網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為做網(wǎng)站、成都網(wǎng)站建設(shè)、洪澤網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！
在項(xiàng)目中，遇到一個(gè)問(wèn)題，測(cè)試全選/反選功能時(shí)，第一次對(duì)母框進(jìn)行選中/非選中時(shí)，能同步子框的全選/反選狀態(tài)，之后再點(diǎn)擊母框，子框就沒(méi)反應(yīng)了。
原代碼大致結(jié)構(gòu)關(guān)鍵如下：
function selectAll(obj){
$('input[name="xxx[]"]').attr("checked",obj.checked);
}
步驟一：嘗試正面剛一波：
function selectAll(obj){
if(obj.checked) {
$('input[name="xxx[]"]').attr("checked", true);
} else {
$('input[name="xxx[]"]').removeAttr("checked");
}
}卒-----完全沒(méi)有效果，棄之。
步驟二：快速上網(wǎng)搜索一番，發(fā)現(xiàn)這個(gè)問(wèn)題比較常見(jiàn)，在遇到過(guò)這個(gè)問(wèn)題的人里，我應(yīng)該排在千里之外了。點(diǎn)開(kāi)幾個(gè)看了，基本都是說(shuō)用prop替代attr便能解決，奈何如下：
然而項(xiàng)目上用的版本低于1.6并被告知最好不要更改版本，同棄之。
步驟三：無(wú)可奈何，JQuery棄之...嘗試改用原生js寫法，代碼如下：
function selectAll(obj){
var xxx = document.getElementsByName("xxx[]");
if(obj.checked) {
for(var i = 0;i < xxx.length;i++) {
xxx[i].checked = true;
}
} else {
for(var i = 0;i < xxx.length;i++) {
xxx[i].checked = false;
}
}
}測(cè)試一下，順利解決。其實(shí)也算是個(gè)小問(wèn)題，不過(guò)給了我一些啟示，不能局限在一個(gè)框里，多換個(gè)角度思考問(wèn)題，往往能更好地去解決問(wèn)題。
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“JQuery全選/反選第二次失效怎么辦”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!
分享標(biāo)題：JQuery全選/反選第二次失效怎么辦
文章地址：http://www.ef60e0e.cn/article/pcdpog.html
