用JQuery实现全选与取消

用JQUERY实现全选和取消全选,没有js那么繁琐，而且支持更多浏览器。

<mce:script type="text/javascript"><!-- $(function() { $("#checkall").click(function() { $("input[@name='checkname[]']").each(function() { $(this).attr("checked", true); }); }); $("#delcheckall").click(function() { $("input[@name='checkname[]']").each(function() { $(this).attr("checked", false); }); }); }); // --></mce:script> <input type='checkbox' id='id1' name='checkname[]' value='1' />value1 <input type='checkbox' id='id2' name='checkname[]' value='2' />value2 <input type='checkbox' id='id3' name='checkname[]' value='3' />value3 <input type="button" id="checkall" name="checkall" value="全选" /> <input type="button" id="delcheckall" name="delcheckall" value="取消全选" />

 

更加简单的一种:

$("#checkall").click( function(){ if(this.checked){ $("input[name='checkname']").attr('checked', true) }else{ $("input[name='checkname']").attr('checked', false) } } );