用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)

  }

  }

  );