用JQuery實現全選與取消的兩種簡單方法

 本篇文章主要是對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)     }    }  );