Home > Web Front-end > JS Tutorial > How to get the value of the checkbox in jquery_jquery

How to get the value of the checkbox in jquery_jquery

WBOY
Release: 2016-05-16 17:09:23
Original
1132 people have browsed it
复制代码 代码如下:





JS获取复选框被选中的值


0
1
2
3
4
5
6
7



JS代码
复制代码 代码如下:




对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




Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template