程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 更多關於編程 >> jquery實現全選、反選

jquery實現全選、反選

編輯:更多關於編程

     

    1 <script src="js/plugin/jquery-1.9.0.js"></script>

     

     

     

     

    ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 $(document).ready(function() {     $("#selectAll").click(function() {         $("input[name='subBox']").each(function() {             this.checked = true;         });     });     $("#reverse").click(function() {         $("input[name='subBox']").each(function() {             if (this.checked) {                 this.checked = false;             } else {                 this.checked = true;             }         });      });     $("#checkItems").click(function() {         $("input[name='subBox']").each(function() {             if (this.checked) {                 this.checked = false;             } else {                 this.checked = true;             }         });     }); });

     

    ? 1 2 3 <input type="checkbox" id="checkItems">                        全選                 反選

     

    ? 1 2 <input type="checkbox" name="subBox" value="">

     

    1. 上一頁:
    2. 下一頁:
    Copyright © 程式師世界 All Rights Reserved