Jquery CheckBox全選方法代碼附j(luò)s checkbox全選反選代碼
更新時(shí)間:2010年06月09日 09:51:00 作者:
喜歡上了Jquery的簡(jiǎn)便、明了···與用JavaScript寫的比起來真的有點(diǎn)差距!
jquery方法如下:
function CheckAll(val) {
$("input[name='chkJob']").each(function() {
this.checked = val;
});
$("#chkAll").attr("checked", val);//設(shè)定全選按鈕狀態(tài)
}
val 該參數(shù)傳遞的是全選按鈕的選擇狀態(tài)
name='chkJob' 這個(gè)為列表中的checkbox名稱
chkAll 就為全選按鈕名稱
喜歡上了Jquery的簡(jiǎn)便、明了···
與用JavaScript寫的比起來真的有點(diǎn)差距!
eg:
javascript 全選反選代碼
//全選
function checkall() {
var all = document.getElementsByTagName("input");
for (var i = 0; i < all.length; i++) {
if (all[i].type == "checkbox") {
all[i].checked = true;
}
}
}
//反選
function checknull() {
var all = document.getElementsByTagName("input");
for (var i = 0; i < all.length; i++) {
if (all[i].type == "checkbox") {
all[i].checked = false;
}
}
}
復(fù)制代碼 代碼如下:
function CheckAll(val) {
$("input[name='chkJob']").each(function() {
this.checked = val;
});
$("#chkAll").attr("checked", val);//設(shè)定全選按鈕狀態(tài)
}
val 該參數(shù)傳遞的是全選按鈕的選擇狀態(tài)
name='chkJob' 這個(gè)為列表中的checkbox名稱
chkAll 就為全選按鈕名稱
喜歡上了Jquery的簡(jiǎn)便、明了···
與用JavaScript寫的比起來真的有點(diǎn)差距!
eg:
javascript 全選反選代碼
復(fù)制代碼 代碼如下:
//全選
function checkall() {
var all = document.getElementsByTagName("input");
for (var i = 0; i < all.length; i++) {
if (all[i].type == "checkbox") {
all[i].checked = true;
}
}
}
//反選
function checknull() {
var all = document.getElementsByTagName("input");
for (var i = 0; i < all.length; i++) {
if (all[i].type == "checkbox") {
all[i].checked = false;
}
}
}
您可能感興趣的文章:
- jquery實(shí)現(xiàn)全選、反選、獲得所有選中的checkbox
- jQuery判斷checkbox(復(fù)選框)是否被選中以及全選、反選實(shí)現(xiàn)代碼
- JQUERY CHECKBOX全選,取消全選,反選方法三
- jquery一鍵控制checkbox全選、反選或全不選
- jQuery對(duì)checkbox 復(fù)選框的全選全不選反選的操作
- Jquery 1.42 checkbox 全選和反選代碼
- JQuery選中checkbox方法代碼實(shí)例(全選、反選、全不選)
- jQuery實(shí)現(xiàn)checkbox即點(diǎn)即改批量刪除及中間遇到的坑
- jquery復(fù)選框checkbox實(shí)現(xiàn)刪除前判斷
- jQuery實(shí)現(xiàn)checkbox全選、反選及刪除等操作的方法詳解
相關(guān)文章
JQuery實(shí)現(xiàn)table中tr上移下移的示例(超簡(jiǎn)單)
下面小編就為大家分享一篇JQuery實(shí)現(xiàn)table中tr上移下移的示例(超簡(jiǎn)單),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-01-01
jQuery插件簡(jiǎn)單實(shí)現(xiàn)方法
這篇文章主要介紹了jQuery插件簡(jiǎn)單實(shí)現(xiàn)方法,以一個(gè)簡(jiǎn)單的樣式添加功能為例分析了jquery插件的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
jQuery根據(jù)緯度經(jīng)度查看地圖處理程序
jQuery根據(jù)緯度經(jīng)度查看地圖處理程序如下在這里要注意js的引入順序,有需求的朋友可以參考下哈希望對(duì)你有所幫助2013-05-05
jQuery中removeProp()方法用法實(shí)例
這篇文章主要介紹了jQuery中removeProp()方法用法,實(shí)例分析了removeProp()方法的功能、定義及刪除由prop()方法設(shè)置的屬性時(shí)的使用技巧,需要的朋友可以參考下2015-01-01
jQuery結(jié)合CSS制作動(dòng)態(tài)的下拉菜單
這篇文章主要介紹了jQuery結(jié)合CSS制作一個(gè)動(dòng)態(tài)的下拉菜單,下拉菜單可以彌補(bǔ)空間的不足,感興趣的小伙伴們可以參考一下2015-10-10
jQuery實(shí)現(xiàn)的表頭固定效果實(shí)例【附完整demo源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的表頭固定效果,結(jié)合完整實(shí)例形式分析了jQuery基于插件實(shí)現(xiàn)的表頭固定功能與用法,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2016-08-08
關(guān)于jquery ajax 調(diào)用帶參數(shù)的webservice返回XML數(shù)據(jù)一個(gè)小細(xì)節(jié)
很早之前用jquery調(diào)用帶參數(shù)的WS返回XML格式數(shù)據(jù)的時(shí)候,傳參的時(shí)候會(huì)出現(xiàn)錯(cuò)誤。問了問度娘和谷哥,這娘兒倆一個(gè)德行,里面的多數(shù)帖子沒什么意義,你粘我,我復(fù)制你2012-07-07

