手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js获取checkbox复选框选中的选项实例
js获取checkbox复选框选中的选项实例
摘要:有关javascript获取checkbox复选框的实例数不胜数。js实现:varform=document.getElementById(...

有关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); } www.jb51.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'>评分</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>",

【js获取checkbox复选框选中的选项实例】相关文章:

jQuery获取字符串中出现最多的数

js实现文本框选中的方法

js实现仿Windows风格选项卡和按钮效果

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

jQuery切换所有复选框选中状态的方法

jQuery封装的tab选项卡插件分享

javascript判断并获取注册表中可信任站点的方法

jQuery聚合函数实例

js实现精美的图片跟随鼠标效果实例

判断checkbox选择的个数 多浏览器

精品推荐
分类导航