本文目錄一覽：
- 1、js中怎麼獲取checkbox選中的值
- 2、js問題：如何獲取checkbox選中值
- 3、在js中怎樣獲得checkbox里選中的多個值？
- 4、用Javascript怎麼獲取 checkbox 所選中的行的、列的值？
- 5、js怎麼獲取checkbox選中所有值
js中怎麼獲取checkbox選中的值
js中獲取checkbox選中的值的方法：
script
function checkbox()
{
var str=document.getElementsByName(“box”);
var objarray=str.length;
var chestr=””;
for (i=0;iobjarray;i++)
{
if(str[i].checked == true)
{
chestr+=str[i].value+”,”;
}
}
if(chestr == “”)
{
alert(“請先選擇一個愛好”);
}
else
{
alert(“先擇的是：”+chestr);
}
}
/script
選擇愛好：
input type=”checkbox” name=”box” id=”box1″ value=”跳水” /跳水
input type=”checkbox” name=”box” id=”box2″ value=”跑步” /跑步
input type=”checkbox” name=”box” id=”box3″ value=”聽音樂” /聽音樂
input type=”button” name=”button” id=”button” onclick=”checkbox()” value=”提交” /
js問題：如何獲取checkbox選中值
獲取checkbox中所有選中值及input後面所跟的文本；
參考代碼如下：
html
head
meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″
titlejs/title
/head
script language=”javascript”
function aa(){
var r=document.getElementsByName(“r”);
for(var i=0;ir.length;i++){
if(r[i].checked){
alert(r[i].value+”,”+r[i].nextSibling.nodeValue);
}
}
}
/script
body
form name=”form1″ method=”post” action=””
input type=”checkbox” name=”r” value=”1″abr
input type=”checkbox” name=”r” value=”2″bbr
input type=”checkbox” name=”r” value=”3″cbr
input type=”checkbox” name=”r” value=”4″dbr
input type=”checkbox” name=”r” value=”5″ebr
input type=”checkbox” name=”r” value=”6″fbr
input type=”checkbox” name=”r” value=”7″gbr
input type=”checkbox” name=”r” value=”8″hbr
input type=”checkbox” name=”r” value=”9″ibr
input type=”checkbox” name=”r” value=”10″jbr
br
input type=”button” onclick=”aa()” value=”button”
/form
/body
/html
在js中怎樣獲得checkbox里選中的多個值？
舉個例子，比如如下是HTML的結構：
這裡推薦使用jQuery庫，比較方便。以下是代碼：
大致思路就是：先利用name屬性值獲取checkbox對象，然後循環判斷checked屬性。（true表示被選中，false表示未選中）
具體解釋一下：
首先用document.getElementsByName()這個方法，通過input標籤的name屬性將input元素獲取，並存進obj這個變數值中。然後建一個check_val的數組，通過for循環將input標籤的value值存入數組中，這樣就可以獲取checkbox的選中的多個值。
擴展資料：
Checkbox 對象代表一個 HTML 表單中的 一個選擇框。
在 HTML 文檔中 input type=”checkbox” 每出現一次，Checkbox 對象就會被創建。
您可以通過遍歷表單的 elements[] 數組來訪問某個選擇框，或者通過使用 document.getElementById() 。
參考資料：MDN—關於CheckBox屬性
用Javascript怎麼獲取 checkbox 所選中的行的、列的值？
我想你要用到後台吧，那麼就不能僅僅停留在前端了。
建議你給每一行的checkbox加一個name屬性，比如
input
type=’checkbox’
value=’顯示’
value=’0′
name=’ckb’
class=’cls’
input
type=’checkbox’
value=’執行’
value=’0′
name=’ckb’
class=’cls’
input
type=’checkbox’
value=’更新’
value=’0′
name=’ckb’
class=’cls’
值默認為0，在前台，當你選中某一個時，將其值改為1，js代碼，需要用jquery
$(function(){
$(“.cls”).click(function(){
this.value=1;
})
})
然後在後台用
Request.Form[“ckb”]來接受checkbox的值，
就受到的值就例如這樣
1
,0
,1
js怎麼獲取checkbox選中所有值
思路：利用name屬性值獲取checkbox對象，然後循環判斷checked屬性（true表示被選中，false表示未選中）。
原創文章，作者：KUFJ，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/134159.html
微信掃一掃 
支付寶掃一掃 