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