手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript获取checkbox复选框获取选中的选项
javascript获取checkbox复选框获取选中的选项
摘要:有关javascript获取checkbox复选框的实例数不胜数,下面的这个示例,纯js实现的varform=document.getEle...

有关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 + "nn"; } 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><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点击按钮后弹出透明浮动层的方法

JavaScript正则表达式中的ignoreCase属性使用详解

浅谈javascript中for in 和 for each in的区别

JavaScript获得url查询参数的方法

JavaScript获取两个数组交集的方法

javascript小技巧 超强推荐第1/5页

javascript实现table选中的行以指定颜色高亮显示

javascript获取select值的方法分析

jquery判断至少有一个checkbox被选中的方法

javascript中DOM复选框选择用法实例

精品推荐
分类导航