包含js獲取選中checkbox時的詞條

本文目錄一覽：

• 1、在js中怎樣獲得checkbox里選中的多個值？
• 2、js中怎麼獲取checkbox選中的值
• 3、JS中怎麼獲取checkbox選中的值？

在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屬性

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選中的值？

有兩種方法：

1、方法一HTML結構如下：

2、方法二javascript代碼如下：

3、顯示效果如下：

js獲得多個checkbox選中的值的方法：

一、代碼如下：

二、後台獲得參數為：

//獲得的均為數組值：

String checboxValues=request.getParameter(“checboxValue”);

String checboxTexts=request.getParameter(“checboxText”);

//得到每個具體值：

String checboxValue=checboxValues.split(“,”);

String checboxText=checboxTexts.split(“,”);

三、備註：

nextSibling是獲得當前對象的下一個對象，nodeValue是返回一個節點的值

使用該方法必須保證文本值在input後面，否則checkboxStr[i].nextSibling.nodeValue獲取不到文本值