Jquery CheckBox全選方法代碼附js checkbox全選反選代碼
更新時間:2010年06月09日 09:51:00 作者:
喜歡上了Jquery的簡便、明了···與用JavaScript寫的比起來真的有點差距!
jquery方法如下:
function CheckAll(val) {
$("input[name='chkJob']").each(function() {
this.checked = val;
});
$("#chkAll").attr("checked", val);//設定全選按鈕狀態(tài)
}
val 該參數(shù)傳遞的是全選按鈕的選擇狀態(tài)
name='chkJob' 這個為列表中的checkbox名稱
chkAll 就為全選按鈕名稱
喜歡上了Jquery的簡便、明了···
與用JavaScript寫的比起來真的有點差距!
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;
}
}
}
復制代碼 代碼如下:
function CheckAll(val) {
$("input[name='chkJob']").each(function() {
this.checked = val;
});
$("#chkAll").attr("checked", val);//設定全選按鈕狀態(tài)
}
val 該參數(shù)傳遞的是全選按鈕的選擇狀態(tài)
name='chkJob' 這個為列表中的checkbox名稱
chkAll 就為全選按鈕名稱
喜歡上了Jquery的簡便、明了···
與用JavaScript寫的比起來真的有點差距!
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;
}
}
}
您可能感興趣的文章:
- jquery實現(xiàn)全選、反選、獲得所有選中的checkbox
- jQuery判斷checkbox(復選框)是否被選中以及全選、反選實現(xiàn)代碼
- JQUERY CHECKBOX全選,取消全選,反選方法三
- jquery一鍵控制checkbox全選、反選或全不選
- jQuery對checkbox 復選框的全選全不選反選的操作
- Jquery 1.42 checkbox 全選和反選代碼
- JQuery選中checkbox方法代碼實例(全選、反選、全不選)
- jQuery實現(xiàn)checkbox即點即改批量刪除及中間遇到的坑
- jquery復選框checkbox實現(xiàn)刪除前判斷
- jQuery實現(xiàn)checkbox全選、反選及刪除等操作的方法詳解
相關文章
JQuery實現(xiàn)table中tr上移下移的示例(超簡單)
下面小編就為大家分享一篇JQuery實現(xiàn)table中tr上移下移的示例(超簡單),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
jQuery實現(xiàn)的表頭固定效果實例【附完整demo源碼下載】
這篇文章主要介紹了jQuery實現(xiàn)的表頭固定效果,結合完整實例形式分析了jQuery基于插件實現(xiàn)的表頭固定功能與用法,非常簡單實用,需要的朋友可以參考下2016-08-08
關于jquery ajax 調用帶參數(shù)的webservice返回XML數(shù)據(jù)一個小細節(jié)
很早之前用jquery調用帶參數(shù)的WS返回XML格式數(shù)據(jù)的時候,傳參的時候會出現(xiàn)錯誤。問了問度娘和谷哥,這娘兒倆一個德行,里面的多數(shù)帖子沒什么意義,你粘我,我復制你2012-07-07

