使用javascript收集多个不带表单标签的复选框值
Collect multiple checkbox values without form tag using javascript
我正在为MyBB的插件工作,在那里我必须收集所有选中的"复选框"的值每个复选框都有不同的名称/ID &;不幸的是,这些复选框没有放置在任何表单标签下,所以我怎么能做到这一点??看看下面的代码,如果我把表单标签放在第一行,这段代码工作得很好,但如果我把表单标签放在所有复选框下面,它不会返回任何东西(实际上,这正是我如何处理MyBB中的复选框)谢谢你,
<input type="checkbox" name="chb1" value="html" />HTML<br/>
<input type="checkbox" name="chb2" value="css" />CSS<br/>
<input type="checkbox" name="chb3" value="javascript" />JavaScript<br/>
<input type="checkbox" name="chb4" value="php" />php<br/>
<input type="checkbox" name="chb5" value="python" />Python<br/>
<input type="checkbox" name="chb6" value="net" />Net<br/>
<form action="script.php" method="post">
<input type="button" value="Click" id="btntest" />
</form>
<script type="text/javascript"><!--
function getSelectedChbox(frm) {
var selchbox = [];
var inpfields = frm.getElementsByTagName('input');
var nr_inpfields = inpfields.length;
for(var i=0; i<nr_inpfields; i++) {
if(inpfields[i].type == 'checkbox' && inpfields[i].checked == true) selchbox.push(inpfields[i].value);
}
return selchbox;
}
document.getElementById('btntest').onclick = function(){
var selchb = getSelectedChbox(this.form);
alert(selchb);
}
//-->
</script>
>>>测试Fiddle<& lt; & lt;
嗯…with pure JavaScript:
function getCheckboxesValues(){
return [].slice.apply(document.querySelectorAll("input[type=checkbox]"))
.filter(function(c){ return c.checked; })
.map(function(c){ return c.value; });
}
document.getElementById("btntest").addEventListener("click", function(){
console.log(getCheckboxesValues());
});
相关文章:
- HTML5在提交并显示所需标签后显示隐藏的表单元素
- 在</表单>标签
- 使用 struts 标签和 Javascript 的动态行为保留表单中的值
- 如何从表单标签外部的按钮手动触发 AngularJS 验证
- Extjs 3.3动态地将字段添加到表单中,并设置它们的标签宽度
- 在运行时更改表单标签文本
- jQuery Html负载剥离<表单>标签
- 替换<标签>,包含的表单控件除外
- 如何更改表单的样式's字段标签
- 如何在 .Net MVC3 中使用 json 和 razor snytax 更改表单的标签
- 谷歌地图与方向 - 我可以在没有表单标签的情况下做到这一点吗?
- Symfony - 嵌入表单中的食谱“添加新标签”不起作用
- 如何创建表单元素输入框,标签使用javascript onclick
- 轨道:填充表单中选择标签的输入
- 联系人表单变量不会从部分标签传递到 javascript 中
- 使用 javascript 内联表单标签和字段
- 如何使用 JavaScript 访问表单选择标签的 value 属性的内容或其内部文本
- 基于表单元素的选定值动态更改表单域标签的技术
- 标签表单使用HTML, CSS, JS
- 联系表单7验证标签表单css