> 웹 프론트엔드 > JS 튜토리얼 > jquery는 checkbox_jquery의 선택된 값을 가져옵니다.

jquery는 checkbox_jquery의 선택된 값을 가져옵니다.

WBOY
풀어 주다: 2016-05-16 16:54:44
원래의
1076명이 탐색했습니다.
复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(" 확인됨",'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




관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿