การใช้ jQuery check box all

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

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

User avatar
M009
PHP Super Member
PHP Super Member
Posts: 205
Joined: 23/04/2013 10:57 am

การใช้ jQuery check box all

Post by M009 »

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

Code: Select all

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

Code: Select all

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

Code: Select all

<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
    Replies
    Views
    Last post

Return to “Share Knowledge”

Who is online

Users browsing this forum: facebook.com [Crawler] and 20 guests