jquery實現全選和全不選功能

本文轉載自查看原文 2012-04-12 22:33 9879

網上好多代碼都是錯的

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" />
< title >無標題文檔 </ title >
</ head >
< script src ="jquery-1.7.1.min.js" ></ script >
< script type ="text/javascript" >
    $(document).ready( function () {

        $( " #checkedAll " ).click( function () {

             // alert("aa");

             if ($( this ).attr( " checked " )) { // 全選

                $( " input[name='checkbox_name'] " ).each( function () {
                    $( this ).attr( " checked " , true );
                });
            }
             else { // 取消全選

                $( " input[name='checkbox_name'] " ).each( function () {
                    $( this ).attr( " checked " , false );
                });
            }
        });

    });

</ script >

< body >
< input type ="checkbox" name ="checkbox_name" id ="checkbox_name_1" />1 < br />
< input type ="checkbox" name ="checkbox_name" id ="checkbox_name_2" />2 < br />
< input type ="checkbox" name ="checkbox_name" id ="checkbox_name_3" />3 < br />
< input type ="checkbox" name ="checkbox_name" id ="checkbox_name_4" />4 < br />
< input type ="checkbox" name ="checkedAll" id ="checkedAll" />全選/取消全選
</ body >
</ html >

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 jQuery實現全選與全不選功能 JQuery實現全選、全不選和反選功能 jQuery/javascript實現全選全不選一個checkbox 用jquery實現全選、全不選 bootstrap-select控件全選，全不選，查詢功能實現 jQuery實現全選、反選和不選功能 jQuery實現復選框全選、全不選、反選問題解析 js 實現全選/全不選效果 jquery一鍵控制checkbox全選，反選，全不選。 jQuery使復選框一鍵全選/全不選