Jquery CheckBox全選方法代碼附j(luò)s checkbox全選反選代碼
更新時(shí)間:2010年06月09日 09:51:00 作者:
喜歡上了Jquery的簡(jiǎn)便、明了···與用JavaScript寫(xiě)的比起來(lái)真的有點(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寫(xiě)的比起來(lái)真的有點(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寫(xiě)的比起來(lái)真的有點(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)不同大小瀏覽器使用不同的css樣式表的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)不同大小瀏覽器使用不同的css樣式表的方法,需要的朋友可以參考下2014-04-04PHP+jquery+ajax實(shí)現(xiàn)分頁(yè)
這篇文章主要為大家詳細(xì)介紹了PHPjquery+ajax實(shí)現(xiàn)分頁(yè)的代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12使用jQuery在移動(dòng)頁(yè)面上添加按鈕和給按鈕添加圖標(biāo)
這篇文章主要介紹了使用jQuery在移動(dòng)頁(yè)面上增加按鈕和給按鈕添加圖標(biāo)的方法,用到了針對(duì)移動(dòng)開(kāi)發(fā)的jQuery mobile庫(kù),需要的朋友可以參考下2015-12-12jQuery實(shí)現(xiàn)導(dǎo)航欄頭部菜單項(xiàng)點(diǎn)擊后變換顏色的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)導(dǎo)航欄頭部菜單項(xiàng)點(diǎn)擊后變換顏色的方法,涉及jQuery響應(yīng)鼠標(biāo)事件針對(duì)頁(yè)面元素的遍歷及屬性變換相關(guān)操作技巧,需要的朋友可以參考下2017-07-07jQuery多文件異步上傳帶進(jìn)度條實(shí)例代碼
這篇文章主要介紹了jQuery多文件異步上傳帶進(jìn)度條實(shí)例代碼,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08不定義JQuery插件 不要說(shuō)會(huì)JQuery
不定義JQuery插件,不要說(shuō)會(huì)JQuery,為什么這么說(shuō),請(qǐng)看下文2016-03-03