jQuery之checkbox全选

JQuery源码:

var selallflag=false;  
jQuery('#selectallbox').live('change',function(){
    selallflag=!selallflag;
    jQuery('input[name="selcurrbox"]').attr('checked',selallflag);   
});

HTML代码;

<table border="1">
<tr id="rowheader"><td><input type="checkbox" id="selectallbox" title="全选"/></td><td>工号</td><td>姓名</td></tr>
<tr id="row1"><td><input type="checkbox" name="selcurrbox" title="单选"/></td><td>04568</td><td>ABC</td></tr>
<tr id="row2"><td><input type="checkbox" name="selcurrbox" title="单选"/></td><td>02755</td><td>张三</td></tr>
<tr id="row3"><td><input type="checkbox" name="selcurrbox" title="单选"/></td><td>03585</td><td>李四</td></tr>
<tr id="row4"><td><input type="checkbox" name="selcurrbox" title="单选"/></td><td>03585</td><td>李华</td></tr>
<tr id="row5"><td><input type="checkbox" name="selcurrbox" title="单选"/></td><td>01234</td><td>DDD</td></tr>
<tr id="row6"><td><input type="checkbox" name="selcurrbox" title="单选"/></td><td>02755</td><td>张三</td></tr>
<tr id="row7"><td><input type="checkbox" name="selcurrbox" title="单选"/></td><td>03585</td><td>李四</td></tr>
<tr id="row8"><td><input type="checkbox" name="selcurrbox" title="单选"/></td><td>03585</td><td>李华</td></tr>
</table>

发表评论