DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> 用JQuery實現全選與取消的兩種簡單方法
用JQuery實現全選與取消的兩種簡單方法
編輯:JavaScript綜合知識     

 本篇文章主要是對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)     }    }  );    
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved