การใช้ jQuery check box all

หมวดสำหรับแบ่งบันความ รู้ต่างๆ จะมีหมวดย่อยๆ ในหมวดนี้ เช่น php, SQL, XML, CSS

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
M009
PHP Super Member
PHP Super Member
โพสต์: 205
ลงทะเบียนเมื่อ: 23/04/2013 10:57 am

การใช้ jQuery check box all

โพสต์ที่ยังไม่ได้อ่าน โดย M009 »

chk.jpg
chk.jpg (8.06 KiB) Viewed 915 times
เวอร์ชั่นปัจจุบัน จะใช้

โค้ด: เลือกทั้งหมด

  jQuery(this).prop('checked', true);
แทนการใช้

โค้ด: เลือกทั้งหมด

jQuery(this).attr('checked', true);

โค้ด: เลือกทั้งหมด

<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script>
            jQuery(document).on("click","#check_all",function() {
                    jQuery('.chk').each(function(i) {
                            jQuery(this).prop('checked', true);
                    });
                return false ;
            });
            jQuery(document).on("click","#uncheck_all",function() {
                    jQuery('.chk').each(function(i) {
                            jQuery(this).prop('checked', false);
                    });
                return false; 
            });
    </script>
</head>
<body>
    <input id="1" class="chk" type="checkbox" name="chkDel[]" value="1" >
    <input id="2" class="chk" type="checkbox" name="chkDel[]" value="2" >
    <input id="3" class="chk" type="checkbox" name="chkDel[]" value="3" >
    <div> <button id="check_all">checkall</button> <button id="uncheck_all">uncheckall</button></div>
</body>
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 77