>  기사  >  웹 프론트엔드  >  jquery_jquery에서 확인란의 값을 얻는 방법

jquery_jquery에서 확인란의 값을 얻는 방법

WBOY
WBOY원래의
2016-05-16 17:09:231115검색
复aze代码 代码如下:



<머리>

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를 체크박스로 만드는 작업















checkbox1

checkbox2

checkbox3

checkbox4

checkbox5

체크박스6




성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.