国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

jQuery全選與反選,且解決點擊只執行一次的問題

2024-04-27 15:00:32
字體:
來源:轉載
供稿:網友
<html><head>  <script src="jquery-1.11.1.min.js" type="text/javascript"></script></head><body>  <input type="checkbox" name="chk_list[]" value="1" />1  <input type="checkbox" name="chk_list[]" value="2" />2  <input type="checkbox" name="chk_list[]" value="3" />3  <input type="checkbox" name="chk_list[]" value="4" />4  <input type="checkbox" name="chk_all" id="chk_all" />全選/取消全選<script type="text/Javascript">  $("#chk_all").click(function(){      // 使用attr只能執行一次      $("input[name='chk_list[]']").attr("checked", $(this).attr("checked"));           // 使用PRop則完美實現全選和反選      $("input[name='chk_list[]']").prop("checked", $(this).prop("checked"));

    // 獲取所有選中的項并把選中項的文本組成一個字符串
      var str = '';
      $($("input[name='chk_list[]']:checked")).each(function(){
          str += $(this).next().text() + ',';
      });
      alert(str);  });
</script></body></html>

總結:

  • 對于HTML元素本身就帶有的固有屬性,在處理時,使用prop方法。
  • 對于HTML元素我們自己自定義的DOM屬性,在處理時,使用attr方法。
  • 參考 http://www.cnblogs.com/Showshare/p/different-between-attr-and-prop.html

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 池州市| 永兴县| 碌曲县| 五峰| 蛟河市| 鄂伦春自治旗| 韶山市| 广安市| 泰安市| 渭源县| 松滋市| 满城县| 北宁市| 建德市| 安阳县| 富宁县| 巧家县| 道孚县| 兴安县| 安远县| 鄂尔多斯市| 环江| 沅江市| 安泽县| 忻州市| 宣城市| 白城市| 江油市| 三河市| 水城县| 临潭县| 策勒县| 晋中市| 海城市| 昔阳县| 东乡县| 罗山县| 临澧县| 团风县| 桑植县| 营口市|