用JQuery實(shí)現(xiàn)全選與取消的兩種簡(jiǎn)單方法
更新時(shí)間：2014年02月22日 10:24:20 作者：
本篇文章主要是對(duì)JQuery實(shí)現(xiàn)全選與取消的兩種簡(jiǎn)單方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
用JQUERY實(shí)現(xiàn)全選和取消全選,沒(méi)有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)單的一種:
$("#checkall").click(
function(){
if(this.checked){
$("input[name='checkname']").attr('checked', true)
}else{
$("input[name='checkname']").attr('checked', false)
}
}
);
復(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="取消全選" />
更加簡(jiǎn)單的一種:
復(fù)制代碼 代碼如下:
$("#checkall").click(
function(){
if(this.checked){
$("input[name='checkname']").attr('checked', true)
}else{
$("input[name='checkname']").attr('checked', false)
}
}
);
您可能感興趣的文章:
- jquery實(shí)現(xiàn)全選、反選、獲得所有選中的checkbox
- JQUERY復(fù)選框CHECKBOX全選,取消全選
- jQuery CheckBox全選、全不選實(shí)現(xiàn)代碼小結(jié)
- jQuery判斷checkbox(復(fù)選框)是否被選中以及全選、反選實(shí)現(xiàn)代碼
- jquery操作checkbox實(shí)現(xiàn)全選和取消全選
- jquery復(fù)選框CHECKBOX全選、反選
- JQUERY CHECKBOX全選,取消全選,反選方法三
- jquery一鍵控制checkbox全選、反選或全不選
- 基于JQuery實(shí)現(xiàn)CheckBox全選全不選
- jquery實(shí)現(xiàn)全選功能
相關(guān)文章
jQuery實(shí)現(xiàn)簡(jiǎn)單聊天室
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單聊天室，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
今天小編就為大家分享一篇關(guān)于jquery的$().each和$.each的區(qū)別，小編覺(jué)得內(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)友問(wèn)我animate()方法可以來(lái)操作所有css屬性嗎？是的，我告訴他可以的。不過(guò)，在此有需要注意點(diǎn)需要大家搞清楚。接下來(lái)通過(guò)本篇文章給大家介紹基于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)隱藏(自己編寫(xiě))
需要有個(gè)右下角彈層提示公告的，下面分享早些時(shí)候自己編寫(xiě)，以及現(xiàn)在還在應(yīng)用的自動(dòng)彈層，需要的朋友可以參考下2013-11-11
正如標(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
為了讓本地圖片、遠(yuǎn)程圖片、過(guò)小的圖片都適應(yīng)此插件，有很多細(xì)節(jié)問(wèn)題要處理。2009-11-11