欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

用JQuery實(shí)現(xiàn)全選與取消的兩種簡單方法

 更新時間:2014年02月22日 10:24:20   作者:  
本篇文章主要是對JQuery實(shí)現(xiàn)全選與取消的兩種簡單方法進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
用JQUERY實(shí)現(xiàn)全選和取消全選,沒有js那么繁瑣,而且支持更多瀏覽器。
復(fù)制代碼 代碼如下:

<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="取消全選" />

更加簡單的一種:
復(fù)制代碼 代碼如下:

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

相關(guān)文章

最新評論