生活随笔
收集整理的這篇文章主要介紹了
js获取checkbox复选框获取选中的选项
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
分享下javascript獲取checkbox 復選框獲取選中的選項的方法。
有關javascript 獲取checkbox復選框的實例數不勝數。
js實現：
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);
/*獲取選中的選項*/
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.jbxue.com}
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'>優惠</label> <br style='clear:both'><label>分類：</label><input id='ddddd' type='checkbox' name='test2' value='4'><label
for='ddddd'>商務套餐</label><input id='eeeee' type='checkbox' name='test2' value='5'><label
for='eeeee'>涼菜</label><input id='fffff' type='checkbox' name='test2' value='6'></form>",
總結
以上是生活随笔為你收集整理的js获取checkbox复选框获取选中的选项的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
