【checkbox】javascript获取checkbox复选框获取选中的选项-复选框

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【javascript获取checkbox复选框获取选中的选项】，下面是详细的讲解！

javascript获取checkbox复选框获取选中的选项

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);
}

}
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>",

关于javascript获取checkbox复选框获取选中的选项的用户互动如下：

　　相关问题：javaScript 如何显示选中的复选框的值

　　答：思路：获取checkbox对象→循环checkbox数组，根据checked属性判断是否选中→使用value属性获取选中项的值。实例演示如下： 1、HTML结构 大专 理学学士 硕士 2、javascript代码 function fun(obj){var checkboxes = document.getElementsByName("xu... >>详细

　　相关问题：js问题：如何获取checkbox选中值

　　答：获取checkbox中所有选中值及input后面所跟的文本； 参考代码如下： js function aa(){ var r=document.getElementsByName("r"); for(var i=0;i >>详细

　　相关问题：javascript如何获取checkbox值并且计算

　　答：给每个checkbox加个class或者name 或id 如果要选择是对象比较少的话。 比较多的话，就选input 然后你再看一下是第几何上input是你所要的。 直接document.getElementsByTagName("input")[i].value 就可以了. >>详细