在js中怎樣獲得checkbox里選中的多個值？
在js中怎樣獲得checkbox里選中的多個值？
FFIVE
2019-04-05 03:02:34
4 回答
Qyouu
TA貢獻1786條經驗 獲得超11個贊
舉個例子，比如如下是HTML的結構：
這里推薦使用jQuery庫，比較方便。以下是代碼：
大致思路就是：先利用name屬性值獲取checkbox對象，然后循環(huán)判斷checked屬性。（true表示被選中，false表示未選中）
具體解釋一下：
首先用document.getElementsByName()這個方法，通過input標簽的name屬性將input元素獲取，并存進obj這個變量值中。然后建一個check_val的數組，通過for循環(huán)將input標簽的value值存入數組中，這樣就可以獲取checkbox的選中的多個值。
擴展資料：
Checkbox 對象代表一個 HTML 表單中的 一個選擇框。
在 HTML 文檔中 <input type="checkbox"> 每出現一次，Checkbox 對象就會被創(chuàng)建。
您可以通過遍歷表單的 elements[] 數組來訪問某個選擇框，或者通過使用 document.getElementById() 。
皈依舞
TA貢獻1851條經驗 獲得超3個贊
思路：利用name屬性值獲取checkbox對象，然后循環(huán)判斷checked屬性（true表示被選中，false表示未選中）。下面進行實例演示：
1、HTML結構
1 2 3 4 5 6 | <input type="checkbox" name="test" value="1"/><span>1</span> <input type="checkbox" name="test" value="2"/><span>2</span> <input type="checkbox" name="test" value="3"/><span>3</span> <input type="checkbox" name="test" value="4"/><span>4</span> <input type="checkbox" name="test" value="5"/><span>5</span> <input type='button' value='提交' onclick="fun()"/> |
2、javascript代碼
1 2 3 4 5 6 7 8 9 | function fun(){ obj = document.getElementsByName("test"); check_val = []; for(k in obj){ if(obj[k].checked) check_val.push(obj[k].value); } alert(check_val); } |
3、演示效果
幕布斯7119047
TA貢獻1794條經驗 獲得超8個贊
var arr=document.getElementsByName("name");
arr是一個數組，就是所有checkbox的值；
for(i=0;i<arr.length;i++){
if(arr[i].checked){
var a = arr[i].value;
}
}
a就是選中的checkbox的值
看你想怎么用
忽然笑
TA貢獻1806條經驗 獲得超5個贊
一、方法：利用name屬性值獲取checkbox對象，然后循環(huán)判斷checked屬性（true表示被選中，false表示未選中）。下面進行實例演示：
1、HTML結構
1 | <input type="checkbox" name="test" value="1"/><span>1</span><input type="checkbox" name="test" value="2"/><span>2</span><input type="checkbox" name="test" value="3"/><span>3</span><input type="checkbox" name="test" value="4"/><span>4</span><input type="checkbox" name="test" value="5"/><span>5</span><input type='button' value='提交' onclick="show()"/> |
2、javascript代碼(jQuery)
1 2 3 4 5 6 7 8 9 | function show(){ obj = document.getElementsByName("test"); check_val = []; for(k in obj){ if(obj[k].checked) check_val.push(obj[k].value); } alert(check_val); } |
3、演示效果
二、什么是JS
1、JavaScript一種直譯式腳本語言，是一種動態(tài)類型、弱類型、基于原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（標準通用標記語言下的一個應用）網頁上使用，用來給HTML網頁增加動態(tài)功能。
2、在1995年時，由Netscape公司的Brendan Eich，在網景導航者瀏覽器上首次設計實現而成。因為Netscape與Sun合作，Netscape管理層希望它外觀看起來像Java，因此取名為JavaScript。但實際上它的語法風格與Self及Scheme較為接近。
3、為了取得技術優(yōu)勢，微軟推出了JScript，CEnvi推出ScriptEase，與JavaScript同樣可在瀏覽器上運行。為了統(tǒng)一規(guī)格，因為JavaScript兼容于ECMA標準，因此也稱為ECMAScript。
添加回答
舉報
0/150
提交
取消