Rumah > hujung hadapan web > tutorial js > Jquery CheckBox全选方法代码附js checkbox全选反选代码_jquery

Jquery CheckBox全选方法代码附js checkbox全选反选代码_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-05-16 18:25:32
asal
1061 orang telah melayarinya
jquery方法如下:
复制代码 代码如下:

function CheckAll(val) {
$("input[name='chkJob']").each(function() {
this.checked = val;
});
$("#chkAll").attr("checked", val);//设定全选按钮状态
}

val 该参数传递的是全选按钮的选择状态
name='chkJob' 这个为列表中的checkbox名称
chkAll 就为全选按钮名称
喜欢上了Jquery的简便、明了···
与用JavaScript写的比起来真的有点差距!
eg:
javascript 全选反选代码
复制代码 代码如下:

//全选
function checkall() {
var all = document.getElementsByTagName("input");
for (var i = 0; i if (all[i].type == "checkbox") {
all[i].checked = true;
}
}
}
//反选
function checknull() {
var all = document.getElementsByTagName("input");
for (var i = 0; i if (all[i].type == "checkbox") {
all[i].checked = false;
}
}
}
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Isu terkini
android - recyclerView中checkbox的疑問。
daripada 1970-01-01 08:00:00
0
0
0
android - recyclerView中checkbox的疑问。
daripada 1970-01-01 08:00:00
0
0
0
How to apply 2 different colors to checkbox in CSS?
daripada 1970-01-01 08:00:00
0
0
0
javascript - checkbox clearing issue
daripada 1970-01-01 08:00:00
0
0
0
Android listview checkbox radio selection
daripada 1970-01-01 08:00:00
0
0
0
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan