2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > html获取选中复选框的值 jquery获取复选框被选中的值

html获取选中复选框的值 jquery获取复选框被选中的值

时间:2020-07-24 19:23:58

相关推荐

html获取选中复选框的值 jquery获取复选框被选中的值

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。