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

更新時(shí)間：2014年02月22日 10:24:20 作者：

本篇文章主要是對(duì)JQuery實(shí)現(xiàn)全選與取消的兩種簡(jiǎn)單方法進(jìn)行了介紹，需要的朋友可以過來(lái)參考下，希望對(duì)大家有所幫助

用JQUERY實(shí)現(xiàn)全選和取消全選,沒有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="取消全選" />

更加簡(jiǎn)單的一種:

復(fù)制代碼代碼如下:

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

您可能感興趣的文章:

相關(guān)文章

jQuery實(shí)現(xiàn)簡(jiǎn)單聊天室
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單聊天室，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-02-02
jquery的$().each和$.each的區(qū)別
今天小編就為大家分享一篇關(guān)于jquery的$().each和$.each的區(qū)別，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧
2019-01-01
jQuery實(shí)現(xiàn)電梯導(dǎo)航模塊
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)電梯導(dǎo)航模塊，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-12-12
基于jquery animate操作css樣式屬性小結(jié)
昨天突然有網(wǎng)友問我animate()方法可以來(lái)操作所有css屬性嗎？是的，我告訴他可以的。不過，在此有需要注意點(diǎn)需要大家搞清楚。接下來(lái)通過本篇文章給大家介紹基于jquery animate操作css樣式屬性小結(jié)，對(duì)jquery animate css相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
2015-11-11
Jquery跨瀏覽器文本復(fù)制插件Zero Clipboard的使用方法
這篇文章主要介紹了Jquery跨瀏覽器文本復(fù)制插件Zero Clipboard的使用方法,需要的朋友可以參考下
2016-02-02
javascript右下角彈層及自動(dòng)隱藏(自己編寫)
需要有個(gè)右下角彈層提示公告的，下面分享早些時(shí)候自己編寫，以及現(xiàn)在還在應(yīng)用的自動(dòng)彈層，需要的朋友可以參考下
2013-11-11
jQuery prev ~ siblings選擇器使用介紹
正如標(biāo)題所言其所用為匹配 prev 元素之后的所有 siblings 元素，下面為大家分享個(gè)示例，不了解的朋友可以學(xué)習(xí)下
2013-08-08
一個(gè)背景云變換js特效鼠標(biāo)移動(dòng)背景云變化
分享一個(gè)背景云變換js特效隨著鼠標(biāo)的移動(dòng)，背景云會(huì)不斷的變化位置和形狀,感興趣的朋友可以研究下
2012-12-12
jquery選擇符快速提取web表單數(shù)據(jù)示例
遇到要重復(fù)多次同樣的事時(shí)，就想找一種省時(shí)省力的方法，下面就為大家介紹下利用jquery選擇符快速提取web表單數(shù)據(jù)
2014-03-03
jQuery chili圖片遠(yuǎn)處放大插件
為了讓本地圖片、遠(yuǎn)程圖片、過小的圖片都適應(yīng)此插件，有很多細(xì)節(jié)問題要處理。
2009-11-11