jQuery操作checkbox

jQuery操作checkbox示例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
$("document").ready(function() {
$("#btn1").click(function() {
$("[name='checkbox']").attr("checked", 'true'); //全选
})
$("#btn2").click(function() {
$("[name='checkbox']").removeAttr("checked"); //取消全选
})
$("#btn3").click(function() {
$("[name='checkbox']:even").attr("checked", 'true'); //选中所有奇数
})
$("#btn4").click(function() {
$("[name='checkbox']").each(function() { //反选
if($(this).attr("checked")) {
$(this).removeAttr("checked");
} else {
$(this).attr("checked", 'true');
}
})
})
$("#btn5").click(function() { //输出选中的值
var str = "";
$("[name='checkbox'][checked]").each(function() {
str += $(this).val() + "\r\n";
//alert($(this).val());
})
alert(str);
})
})

Powered by AppBlog.CN     浙ICP备14037229号

Copyright © 2012 - 2020 APP开发技术博客 All Rights Reserved.

访客数 : | 访问量 :