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>