jquery 表格行全选
html代码
<table> <thead> <tr> <th width="40"><input type="checkbox" class="ck"></th> <th>标题</th> </tr> </thead> <tr> <td align="center"><input type="checkbox" value="{$data.id}" name="ck"></td> <td>标题内容1</td> </tr> <tr> <td align="center"><input type="checkbox" value="{$data.id}" name="ck"></td> <td>标题内容2</td> </tr> <tr> <td align="center"><input type="checkbox" value="{$data.id}" name="ck"></td> <td>标题内容3</td> </tr> </table>
jquery 代码
$('.ck').click(function(){ if($(this).attr('checked') == 'checked'){ $('input[name="ck"]').prop('checked','checked'); }else{ $('input[name="ck"]').removeProp('checked'); } });