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

總結

以上是生活随笔為你收集整理的html获取选中复选框的值,jquery获取复选框被选中的值的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。