当前位置: 编程技术>WEB前端
jquery如何获取复选框的值
来源: 互联网 发布时间:2014-08-25
本文导语: 代码如下: JS获取复选框被选中的值 0 1 2 3 4 5 6 7 对checkbox的其他几个操作 1. 全选 2. 取消全选 3. 选中所有奇数 4. 反选 5. 获得选中的所有值 js代码 代码如下: $("document").ready(function(){ $("#btn1").click(function(){ $("[name='checkbox'...
代码如下:
JS获取复选框被选中的值
0
1
2
3
4
5
6
7
对checkbox的其他几个操作
1. 全选
2. 取消全选
3. 选中所有奇数
4. 反选
5. 获得选中的所有值
js代码
代码如下:
$("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);
})
})
html代码:
代码如下:
louis-blog >> jQuery 对checkbox的操作
checkbox1
checkbox2
checkbox3
checkbox4
checkbox5
checkbox6