{"id":471,"date":"2017-02-20T22:53:31","date_gmt":"2017-02-20T14:53:31","guid":{"rendered":"http:\/\/www.qdabc.cn\/?p=471"},"modified":"2017-02-20T22:54:26","modified_gmt":"2017-02-20T14:54:26","slug":"js%e9%9d%a2%e5%90%91%e5%af%b9%e8%b1%a1%e7%9a%84%e7%ae%80%e5%8d%95%e4%be%8b%e5%ad%90%e5%85%a8%e9%83%a8%e4%bb%a3%e7%a0%81","status":"publish","type":"post","link":"http:\/\/www.qdabc.cn\/?p=471","title":{"rendered":"js\u9762\u5411\u5bf9\u8c61\u7684\u7b80\u5355\u4f8b\u5b50\u5168\u90e8\u4ee3\u7801"},"content":{"rendered":"

html\u4ee3\u7801\uff1a<\/p>\n

<div class=\"tab-pane\">  \r\n    <table class=\"table table-bordered\">  \r\n        <thead>  \r\n        <tr>  \r\n            <th><\/th>  \r\n            <th>\u6807\u9898<\/th>  \r\n            <th>\u7c7b\u578b<\/th>  \r\n            <th>\u53d1\u9001\u65f6\u95f4<\/th>  \r\n            <th>\u64cd\u4f5c<\/th>  \r\n        <\/tr>  \r\n        <\/thead>  \r\n        <tbody>  \r\n        <tr>  \r\n            <td><input type=\"checkbox\" class=\"btnSelect\" \/><\/td>  \r\n            <td><a href=\"<%=path%>\/pages\/xtgl\/notice\/noticeDetail.jsp\">\r\n            <span class=\"glyphicon glyphicon-envelope\"><\/span>  \r\n                \u606d\u559c\u4f60\u83b7\u5f97200\u5143\u4f18\u60e0\u5238<\/a><\/td>  \r\n            <td><\/td>  \r\n            <td>2017\/2\/19 12:12:21<\/td>  \r\n            <td><a class=\"del\">\u5220\u9664<\/a><\/td>  \r\n        <\/tr>  \r\n        <tr>  \r\n            <td><input type=\"checkbox\" class=\"btnSelect\" \/><\/td>  \r\n            <td><a href=\"\">\u606d\u559c\u4f60\u83b7\u5f9750\u5143\u4f18\u60e0\u5238<\/a><\/td>  \r\n            <td><\/td>  \r\n            <td>2017\/2\/20 12:12:21<\/td>  \r\n            <td><a class=\"del\">\u5220\u9664<\/a><\/td>  \r\n        <\/tr>  \r\n        <\/tbody>  \r\n    <\/table>  \r\n<\/div>  \r\n<%--\u6807\u8bb0\u662f\u5426\u5df2\u8bfb--%>  \r\n<div class=\"isread-check\">  \r\n    <label><input type=\"checkbox\" class=\"left\" id=\"btnSelectAll\" \/> \u5168\u9009<\/label>  \r\n    <button class=\"btn btn-primary\" id=\"btnMarkRead\">\u6807\u4e3a\u5df2\u8bfb<\/button>  \r\n<\/div><\/pre>\n
js\u4ee3\u7801\uff1a<\/p>\n
\/\/\u6211\u7684\u4fe1\u606f\u5220\u9664\u3001\u5168\u9009\/\u5168\u4e0d\u9009\u3001\u5355\u51fbtr\u9009\u5b9a\/\u53d6\u6d88\u3001\u6807\u8bb0\u5df2\u8bfb\u64cd\u4f5c  \r\nvar MyInfoOperate = function( obj ){  \r\n     \/\/\u4fe1\u606f\u5220\u9664  \r\n     $( obj.del ).click( function(){  \r\n         $( this ).parents( \"tr\" ).remove();  \r\n     } );  \r\n    \/\/\u5168\u9009\/\u5168\u4e0d\u9009  \r\n    $( obj.btnSelectAll ).click( function(){  \r\n         var i = 0,  \r\n             $btnSelect = $( obj.btnSelect ),  \r\n             len = $btnSelect.length;   \/\/\u590d\u9009\u6309\u94ae\u7684length  \r\n        for( ; i < len; i++ ){          \/\/\u5faa\u73af\u590d\u9009\u6846\u7684\u6309\u94ae  \r\n             if( !$btnSelect.eq( i ).prop( \"checked\" ) ){     \/\/\u5982\u679c\u6709\u672a\u9009\u5b9a\u7684\u590d\u9009\u6846  \r\n                 $btnSelect.prop( \"checked\", true );   \/\/\u5168\u9009  \r\n                 $( this ).prop( \"checked\", true );    \/\/\u81ea\u5df1\u9009\u5b9a  \r\n                 return;  \r\n             }  \r\n        }  \r\n        $btnSelect.prop( \"checked\", false );            \/\/\u5982\u679c\u5df2\u7ecf\u5168\u90e8\u9009\u5b9a\uff0c\u5219\u5168\u4e0d\u9009  \r\n        $( this ).prop( \"checked\", false );             \/\/\u81ea\u5df1\u53d6\u6d88\u9009\u5b9a  \r\n    } );  \r\n    \/\/\u5355\u51fbtr\u9009\u5b9a\u8be5\u680f\u7684\u590d\u9009\u6846\u6846  \r\n    $( \"tr\" ).click( function(){  \r\n        var $targetEle = $( this ).children( \"td\" ).eq( 0 ).children( \"input[ type= 'checkbox' ]\" ),  \/\/\u76ee\u6807\u5143\u7d20  \r\n            flag = $targetEle.prop( \"checked\" );         \/\/\u6807\u8bb0\u76ee\u6807\u5143\u7d20\u7684\u72b6\u6001  \r\n         if( !flag ){                                    \/\/\u5982\u679c\u672a\u9009\u5b9a\uff0c\u5219\u9009\u5b9a  \r\n             $targetEle.prop( \"checked\", true );  \r\n         }else{                                          \/\/\u5982\u679c\u9009\u5b9a\uff0c\u5219\u53d6\u6d88\u9009\u5b9a  \r\n             $targetEle.prop( \"checked\", false );  \r\n         }  \r\n    } );  \r\n    \/\/\u5355\u51fb\u590d\u9009\u6846\u963b\u6b62\u5192\u6ce1  \r\n    $( \"table input[ type= 'checkbox' ]\").bind( \"click\", function(){  \r\n        var flag = $( this ).prop( \"checked\" );         \/\/\u6807\u8bb0\u590d\u9009\u6846\u72b6\u6001  \r\n        if( !flag ){                                    \/\/\u672a\u9009\u5b9a  \r\n            $( this ).prop( \"checked\", true );         \/\/\u5982\u679c\u672a\u9009\u5b9a\uff0c\u5219\u9009\u5b9a  \r\n        }else{                                         \/\/\u9009\u5b9a  \r\n            $( this ).prop( \"checked\", false );       \/\/\u53d6\u6d88\u9009\u5b9a  \r\n        }  \r\n    } );  \r\n    \/\/\u6807\u8bb0\u5df2\u8bfb  \r\n    $( obj.btnMarkRead ).click( function(){  \r\n        var i = 0,  \r\n            $btnSelect = $( obj.btnSelect ),  \r\n            len = $btnSelect.length;   \/\/\u590d\u9009\u6309\u94ae\u7684length  \r\n        for( ; i < len; i++ ) {          \/\/\u5faa\u73af\u590d\u9009\u6846\u7684\u6309\u94ae  \r\n            if( $btnSelect.eq( i ).prop( \"checked\" ) ) {     \/\/\u5982\u679c\u662f\u9009\u5b9a\u7684\u590d\u9009\u6846  \r\n                $btnSelect.eq( i ).parent( \"td\" ).next( \"td\" ).find( \"span\" ).removeClass( \"glyphicon-envelope\" );  \r\n            }  \r\n        }  \r\n    } )  \r\n\r\n};  \r\n\r\nnew MyInfoOperate( {  \r\n    del: \".del\",                    \/\/\u5220\u9664\u6309\u94ae  \r\n    btnSelect: \".btnSelect\",        \/\/\u590d\u9009\u6309\u94ae  \r\n    btnSelectAll: \"#btnSelectAll\",  \/\/\u5168\u9009  \r\n    btnMarkRead: \"#btnMarkRead\"     \/\/\u6807\u8bb0\u5df2\u8bfb  \r\n} )<\/pre>\n
\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a\u524d\u7aefABC<\/a> » js\u9762\u5411\u5bf9\u8c61\u7684\u7b80\u5355\u4f8b\u5b50\u5168\u90e8\u4ee3\u7801<\/a><\/p>","protected":false},"excerpt":{"rendered":"
html\u4ee3\u7801\uff1a <div class=”tab-pane”> <table class=”table table-bordered”> <thead> <tr […]<\/p>\n","protected":false},"author":1,"featured_media":109,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[9,60],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/471"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=471"}],"version-history":[{"count":2,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/471\/revisions"}],"predecessor-version":[{"id":473,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/471\/revisions\/473"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/media\/109"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=471"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=471"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=471"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}