当前位置: 编程技术>jquery
jquery获取复选框被选中值(实例)
来源: 互联网 发布时间：2014-10-04
本文导语: 1，html代码，有如下的复选框。 代码示例: js获取复选框被选中的值 0 1 2 3 4 5 6 7 对checkbox的其他几个操作： 1. 全选 2. 取消全选 3. 选中所有奇数 4. 反选 5. 获得选中的所有值 js代码...
1，html代码，有如下的复选框。
代码示例:
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);
})
})
$("#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代码:
代码示例:
jquery 对checkbox的操作_www.
checkbox1
checkbox2
checkbox3
checkbox4
checkbox5
checkbox6
您可能感兴趣的文章：
- jQuery获取(选中)单选、复选框、下拉框的值
- jQuery判断checkbox(复选框)是否选中、全选、反选
- jquery 判断checkbox(复选框)是否被选中
- jquery动态获取复选框checkbox选中个数
- jquery checkbox复选框是否选中的检测代码
- jquery判断复选框checkbox是否选中的简单示例
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。