jQuery實(shí)現(xiàn)全選&全不選&非全選
更新時(shí)間：2017年03月23日 15:08:42 作者：wizx1992
本文主要介紹了jQuery實(shí)現(xiàn)全選&全不選&非全選,具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧
1.點(diǎn)擊全選 選中/取消所有復(fù)選框
2.取消某一個(gè)復(fù)選框，全選按鈕不選中
3.勾選所有復(fù)選框后，全選按鈕選中
<div>
<div><input type="checkbox" name="checkbox" />復(fù)選框1</div>
<div><input type="checkbox" name="checkbox" />復(fù)選框2</div>
<div><input type="checkbox" name="checkbox" />復(fù)選框3</div>
<div><input type="checkbox" name="checkbox" />復(fù)選框4</div>
<div><input type="checkbox" name="checkbox" />復(fù)選框5</div>
<br>
<div><input type="checkbox" name="checkall" />全選</div>
</div> $('input[name="checkall"]').click(function(){
if($(this).is(':checked')){
$('input[name="checkbox"]').each(function(){
$(this).prop("checked",true);
});
}else{
$('input[name="checkbox"]').each(function(){
$(this).prop("checked",false);
});
}
});
// 全選
$('input[name="checkall"]').click(function(){
if($(this).is(':checked')){
$('input:checkbox[name=checkbox]').each(function(){
$(this).prop("checked",true);
})
}else{
$('input:checkbox[name=checkbox]').each(function(){
$(this).prop("checked",false);
})
}
})
var ifAllChecked = true;
// 是否全選-----是否選中全選按鈕
$('input:checkbox[name=checkbox]').click(function(){
ifAllChecked = true
$('input:checkbox[name=checkbox]').each(function(i){
if(!$(this).is(':checked')){
// 有未選
ifAllChecked = false;
}
});
if(ifAllChecked){
$('input[name="checkall"]').prop("checked",true);
}else{
$('input[name="checkall"]').prop("checked",false);
}
})相關(guān)文章
修改或擴(kuò)展jQuery原生方法的代碼實(shí)例
這篇文章主要介紹了修改或擴(kuò)展jQuery原生方法的代碼實(shí)例,本文用一個(gè)擴(kuò)展jquery原生方法val的例子,講解了如何對(duì)jquery原生方法修改或擴(kuò)展,需要的朋友可以參考下2015-01-01
jquery ajax的執(zhí)行順序大家在項(xiàng)目經(jīng)常會(huì)顛倒，下面通過(guò)本文給大家介紹jquery ajax的執(zhí)行順序，涉及到j(luò)query ajax執(zhí)行順序相關(guān)知識(shí)，對(duì)jquery ajax執(zhí)行順序相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-01-01
jquery fancybox ie6不顯示關(guān)閉按鈕的解決辦法
本篇文章主要是對(duì)jquery fancybox ie6不顯示關(guān)閉按鈕的解決辦法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
jquery分頁(yè)插件jquery.pagination.js實(shí)現(xiàn)無(wú)刷新分頁(yè)
這篇文章主要介紹了jquery分頁(yè)插件jquery.pagination.js實(shí)現(xiàn)無(wú)刷新分頁(yè)的相關(guān)資料,需要的朋友可以參考下2016-04-04
jquery 指南/入門基礎(chǔ)...2007-11-11
Jquery之Bind方法參數(shù)傳遞與接收的三種方法
這篇文章主要介紹了Jquery的Bind方法參數(shù)傳遞與接收的三種方法,需要的朋友可以參考下2014-06-06
jQuery實(shí)現(xiàn)為table表格動(dòng)態(tài)添加或刪除tr功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)為table表格動(dòng)態(tài)添加或刪除tr功能,結(jié)合實(shí)例形式分析了jQuery針對(duì)table表格行動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-02-02
自制輕量級(jí)仿jQuery.boxy對(duì)話框插件代碼
最近再做價(jià)值中國(guó)微博，從用戶體驗(yàn)的角度，將很多常用的window.alert或者window.confirm之類比較生硬死板冷不丁的提示改為彈出層的方式實(shí)現(xiàn)。
2010-10-10 
jquery實(shí)現(xiàn)的鼠標(biāo)懸停圖片自動(dòng)輪播效果，當(dāng)把鼠標(biāo)懸停到圖片時(shí)，圖像就會(huì)不斷循環(huán)播放，速度非?？欤Ч浅１普?，就和在放武俠片一樣，使用了jquery實(shí)現(xiàn)
2015-08-08