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

以上这篇jquery获取复选框的值的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。