有关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.phpstudy.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 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>\",
本文地址:https://www.stayed.cn/item/16131
转载请注明出处。
本站部分内容来源于网络,如侵犯到您的权益,请 联系我