javascript獲取checkbox復(fù)選框獲取選中的選項(xiàng)
更新時(shí)間:2014年08月12日 16:53:16 投稿:whsnow
這篇文章主要介紹了javascript獲取checkbox復(fù)選框獲取選中的選項(xiàng)的方法,需要的朋友可以參考下
有關(guān)javascript 獲取checkbox復(fù)選框的實(shí)例數(shù)不勝數(shù),下面的這個(gè)示例,純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);
}
}
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'>評分</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>",
相關(guān)文章
JS動(dòng)態(tài)添加option和刪除option(附實(shí)例代碼)
option的添加和刪除通過js實(shí)現(xiàn)及動(dòng)態(tài)創(chuàng)建select,本例提供實(shí)例的完整代碼,感興趣的朋友可以參考下哈,希望可以幫助到你2013-04-04
使用JavaScript和HTML實(shí)現(xiàn)一個(gè)精美的計(jì)算器
計(jì)算器是我們?nèi)粘I钪薪?jīng)常使用的工具之一,可以幫助我們進(jìn)行簡單的數(shù)學(xué)運(yùn)算,在本博文中,我將使用JavaScript編寫一個(gè)漂亮的計(jì)算器,并添加加減乘除功能,感興趣的同學(xué)可以自己動(dòng)手嘗試一下2023-09-09
如何用js 實(shí)現(xiàn)依賴注入的思想,后端框架思想搬到前端來
這篇文章主要介紹了js 實(shí)現(xiàn)依賴注入的思想,后端框架思想搬到前端來,需要的朋友可以參考下2015-08-08
js實(shí)現(xiàn)自動(dòng)輪換選項(xiàng)卡
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)自動(dòng)輪換選項(xiàng)卡,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01
JavaScript Event Loop相關(guān)原理解析
這篇文章主要介紹了JavaScript Event Loop相關(guān)原理解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-06-06
教你用javascript實(shí)現(xiàn)隨機(jī)標(biāo)簽云效果_附代碼
下面小編就為大家?guī)硪黄棠阌胘avascript實(shí)現(xiàn)隨機(jī)標(biāo)簽云效果_附代碼。小編覺得很實(shí)用,現(xiàn)在分享給大家。給大家一個(gè)參考2016-03-03

