js獲取checkbox復(fù)選框選中的選項(xiàng)實(shí)例
更新時(shí)間：2014年08月24日 14:49:02 投稿：whsnow
這篇文章主要介紹了js如何獲取checkbox復(fù)選框選中的選項(xiàng),比較適合新手，需要的朋友可以參考下
有關(guān)javascript 獲取checkbox復(fù)選框的實(shí)例數(shù)不勝數(shù)。
js實(shí)現(xiàn)：
var form = document.getElementById("form2");
var field = form.elements["test2"];
var option = Dining.getSelectedOption(form, field);
var message = "";
for (var i = 0, len = option.length; i < len; i++) {
message += "Select id:" + option[i].id + "\nSelected name:" + option[i].name + "\nSelected value:" + option[i].value + "\n\n";
}
alert(message);
/*獲取選中的選項(xiàng)*/
getSelectedOption: function (selectform, selectionfield) {
var result = [];
var option = null;
for (var i = 0; i < selectionfield.length; i++) {
option = selectionfield[i];
if (option.checked) {
result.push(option);
} www.fzitv.net
}
return result;
}
<form id='form2'>
<label>排序：</label><input id='aaaaa' type='checkbox' name='test2' value='1'>
<label for='aaaaa'>月銷量</label><input id='bbbbb' type='checkbox' name='test2' value='2'>
<label for='bbbbb'>評(píng)分</label><input id='ccccc' type='checkbox' name='test2' value='3'>
<label for='ccccc'>優(yōu)惠</label> <br style='clear:both'><label>分類：</label><input id='ddddd' type='checkbox' name='test2' value='4'>
<label for='ddddd'>商務(wù)套餐</label><input id='eeeee' type='checkbox' name='test2' value='5'>
<label for='eeeee'>涼菜</label><input id='fffff' type='checkbox' name='test2' value='6'>
</form>",
您可能感興趣的文章:
- Gridview使用CheckBox全選與單選采用js實(shí)現(xiàn)同時(shí)高亮顯示選擇行
- js獲取checkbox值的方法
- js checkbox(復(fù)選框) 使用集錦
- js 判斷checkbox是否選中的實(shí)現(xiàn)代碼
- js單獨(dú)獲取一個(gè)checkbox看其是否被選中
- js實(shí)現(xiàn)checkbox全選、不選與反選的方法
- JS獲得選取checkbox整行數(shù)據(jù)的方法
- js獲取所有checkbox的值的簡單實(shí)例
- JavaScript獲取和設(shè)置CheckBox狀態(tài)的簡單方法
- JS實(shí)現(xiàn)checkbox互斥(單選)功能示例
相關(guān)文章
這篇文章主要介紹了前端實(shí)現(xiàn)截屏的兩種常見方式,分別是使用第三方庫html2canvas和navigator.mediaDevices.getDisplayMedia,兩種方法都給出了詳細(xì)的代碼示例,需要的朋友可以參考下2025-03-03
JavaScript DOM節(jié)點(diǎn)添加示例
本節(jié)為大家介紹下JavaScript DOM節(jié)點(diǎn)添加，將node里面的str放到h1段落中使之成為h1的新段落2014-07-07
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)用戶注冊(cè)界面功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
收藏Javascript中常用的55個(gè)經(jīng)典技巧
收藏Javascript中常用的55個(gè)經(jīng)典技巧...2007-08-08
詳解JavaScript基礎(chǔ)知識(shí)（JSON、Function對(duì)象、原型、引用類型）
這篇文章主要介紹了JavaScript基礎(chǔ)知識(shí)（JSON、Function對(duì)象、原型、引用類型）的相關(guān)資料，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2018-01-01
理解JavaScript設(shè)計(jì)模式中的單例模式
這篇文章主要介紹了理解JavaScript設(shè)計(jì)模式中的單例模式，單例模式即Singleton?Pattern是最簡單的設(shè)計(jì)模式之一，下文更多相關(guān)介紹感興趣的小伙伴可以參考一下2022-04-04
堆疊柱狀圖將每個(gè)柱子進(jìn)行分割以顯示相同類型下各個(gè)數(shù)據(jù)的大小情況?？梢孕蜗蟮谜故疽粋€(gè)大分類包含的每個(gè)小分類的數(shù)據(jù)，以及各個(gè)小分類的占比，顯示的是單個(gè)項(xiàng)目與整體之間的關(guān)系。本文將利用JavaScript實(shí)現(xiàn)堆疊柱狀圖的繪制，需要的可以參考一下2022-03-03
一覽畫面點(diǎn)擊復(fù)選框后獲取多個(gè)id值的方法
這篇文章主要介紹了在一覽畫面點(diǎn)擊復(fù)選框后獲取多個(gè)id值的方法，前臺(tái)采用js技術(shù)后臺(tái)采用java技術(shù)實(shí)現(xiàn)的，邏輯清晰，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-05-05
JavaScript交換變量的常用方法小結(jié)【4種方法】
這篇文章主要介紹了JavaScript交換變量的常用方法,結(jié)合實(shí)例形式總結(jié)分析了JavaScript交換變量的4種實(shí)現(xiàn)方法與操作注意事項(xiàng),需要的朋友可以參考下2020-05-05
詳解如何用babel轉(zhuǎn)換es6的class語法
這篇文章主要介紹了詳解如何用babel轉(zhuǎn)換es6的class語法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-04-04