最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

jQuery 的全選功能可以通過以下步驟實(shí)現(xiàn)：

1、在 HTML 中創(chuàng)建一個(gè)復(fù)選框作為全選按鈕，并為其添加一個(gè)特定的類名，"selectall"，為需要全選的其他復(fù)選框添加一個(gè)共同的類名，"checkboxitem"。

 全選/取消

   選項(xiàng)1
   選項(xiàng)2
   選項(xiàng)3

2、接下來，使用 jQuery 為全選按鈕添加點(diǎn)擊事件監(jiān)聽器，當(dāng)全選按鈕被點(diǎn)擊時(shí)，檢查其是否被選中，如果被選中，則將所有帶有 "checkboxitem" 類名的復(fù)選框設(shè)置為選中狀態(tài)；否則，取消選中狀態(tài)。

$(document).ready(function() {
  $(".selectall").on("click", function() {
    if ($(this).is(":checked")) {
      $(".checkboxitem").prop("checked", true);
    } else {
      $(".checkboxitem").prop("checked", false);
    }
  });
});

3、為每個(gè)帶有 "checkboxitem" 類名的復(fù)選框添加點(diǎn)擊事件監(jiān)聽器，當(dāng)某個(gè)復(fù)選框被點(diǎn)擊時(shí)，檢查其他復(fù)選框的狀態(tài)，如果所有復(fù)選框都被選中，則將全選按鈕設(shè)置為選中狀態(tài)；否則，取消全選按鈕的選中狀態(tài)。

$(document).ready(function() {
  $(".checkboxitem").on("click", function() {
    var total = $(".checkboxitem").length;
    var checkedCount = $(".checkboxitem:checked").length;
    if (total === checkedCount) {
      $(".selectall").prop("checked", true);
    } else {
      $(".selectall").prop("checked", false);
    }
  });
});

通過以上步驟，即可實(shí)現(xiàn) jQuery 的全選功能，當(dāng)用戶點(diǎn)擊全選按鈕時(shí)，所有復(fù)選框?qū)⒈贿x中或取消選中，當(dāng)用戶點(diǎn)擊某個(gè)復(fù)選框時(shí)，全選按鈕的狀態(tài)也會(huì)相應(yīng)地更新。

當(dāng)前標(biāo)題：jquery全選和全不選效果
文章出自：http://fisionsoft.com.cn/article/cdsoodd.html