這篇文章主要介紹了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);
}

<input type="checkbox" id="mother" name="mother" onclick="selectAll(this);"/>全選

<input type="checkbox" id="son1" name="xxx[]" />子框<input type="checkbox" id="son2" name="xxx[]" />子框<input type="checkbox" id="son3" name="xxx[]" />子框<input type="checkbox" id="son4" name="xxx[]" />子框

步驟一：嘗試正面剛一波：

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全選/反選第二次失效怎么辦
轉(zhuǎn)載注明：http://aaarwkj.com/article6/pcdpog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、移動(dòng)網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站、營(yíng)銷型網(wǎng)站建設(shè)、Google、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)