用JQuery實(shí)現(xiàn)全選與取消的兩種簡單方法
更新時間:2014年02月22日 10:24:20 作者:
本篇文章主要是對JQuery實(shí)現(xiàn)全選與取消的兩種簡單方法進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
用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="取消全選" />
更加簡單的一種:
$("#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="取消全選" />
更加簡單的一種:
復(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和CSS3實(shí)現(xiàn)APPLE TV海報視差效果
這篇文章主要介紹了基于jQuery和CSS3實(shí)現(xiàn)APPLE TV海報視差效果,需要的朋友可以參考下2017-06-06jQuery中判斷一個元素是否為另一個元素的子元素(或者其本身)
寫了比較簡單的jQuery判斷一個元素是否為另一個元素的子元素(或者其本身)的兩個擴(kuò)展2012-03-03jquery中ajax調(diào)用json數(shù)據(jù)的使用說明
jquery里提供了便捷的ajax運(yùn)用,下面總結(jié)我自己的一些經(jīng)驗(yàn)2011-03-03jQuery實(shí)現(xiàn)可以擴(kuò)展的日歷
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)可以擴(kuò)展的日歷,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-12-12基于jQuery實(shí)現(xiàn)Accordion手風(fēng)琴自定義插件
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)Accordion手風(fēng)琴自定義插件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-11-11JQuery 自定義CircleAnimation,Animate方法學(xué)習(xí)筆記
最近對看了一些JQuery的基礎(chǔ)教程,被JQuery深深的吸引住了,以前用過Extjs,看了JQuery不禁感嘆,javascript還能這么些,真是太神奇了!2011-07-07jQuery在線選座位插件seat-charts特效代碼分享
這篇文章主要介紹了jQuery在線選座位插件seat-charts特效,推薦給大家,有需要的小伙伴可以參考下。2015-08-08使用jquery給指定的table動態(tài)添加一行、刪除一行
今天在項(xiàng)目中,剛好用到給指定的table添加一行、刪除一行,就直接找google,搜出來的東西不盡如人意,不是功能不好就是千篇一律,簡直浪費(fèi)時間還不討好,于是乎就自己動手封裝個,現(xiàn)就把代碼分享出來,避免大伙重復(fù)造輪子,如有問題歡迎大伙拍磚指正,千萬可別人身攻擊2016-10-10