HTML表单中复选框选中元素的回显值
Echo value of checkbox checked element in HTML form
我创建了一个HTML表单,其中的复选框由于来自前一个页面的变量而被动态选中(每次只选中一个复选框)。
我想要的是回声这个复选框的值(使页面的主要标题,所以javascript警报不适应)。
的例子:
<html>
<body>
<h1>Here I'd like to echo the value of the checkbox that is checked<h1>
<form id="myform" name="myform">
<p>
<input type="checkbox" name="car" id="porsche" /> <label for="porsche">porsche</label><br />
<input type="checkbox" name="car" id="ferrari" /> <label for="ferrari">ferrari</label><br />
</p>
<script type="text/javascript">
function loopForm(form,car) {
var cbResults = 'Checkboxes: ';
var radioResults = 'Radio buttons: ';
for (var i = 0; i < form.elements.length; i++ ) {
if (form.elements[i].type == 'checkbox') {
if (form.elements[i].id == car) {
form.elements[i].checked = true ;
}
}
}
}
...
// This function will check one of the two checkboxes
loopForm(document.myform,car);
</script>
</body>
</html>
我恐怕只能做到如下:
var inputs = document.getElementsByTagName('input');
var checkboxes = [];
for (i=0; i<inputs.length; i++){
if (inputs[i].type == 'checkbox' && inputs[i].getAttribute('checked') == 'checked'){
checkboxes.push(inputs[i].value);
}
}
document.getElementsByTagName('h1')[0].innerHTML = checkboxes;
JS Fiddle demo.
这有点笨拙,但至少使用了纯JavaScript;尽管它似乎确实要求选中的复选框被标记如下:checked="checked"
.
您可以使用jQuery来实现这一点。监听复选框上的change()事件,并在发生这种情况时更改h1的text()。
相关文章:
- 展开表使用复选框
- 函数更改不适用于动态创建的表的复选框
- 应用程序脚本-拆分谷歌表单复选框用逗号回答
- ajax后表单复选框更改时jquery ajax不工作
- “角度表单”复选框默认值
- 如何使基于javascript的表单复选框在发送表单之前使用javascript进行验证
- 如何读取html表中复选框的值,该表是作为内部html动态插入到表单元格中的
- Javascript:动态表单复选框验证
- 使用AJAX、PHP和MYSQL在另一个复选框中显示来自html表单复选框的多个值
- jquery dataable为对象初始化的表添加复选框
- 如何获取MDL表中复选框的状态?
- 在jquery中不能从表单复选框获取和传递值到$_POST
- 如何使用javascript使Spring表单复选框只读
- 显示在文档本身中选中了多少个表单复选框
- 为什么可以't验证我的html表中复选框项上未选中的值吗
- 如何通过ajax将值从表单复选框传递到邮件
- 如何通过Javascript计算表中复选框的数量'Id
- JS表按复选框排序
- 如何获取表中复选框的值
- 当页面加载时,使用javascript逗号分隔变量重新填充表单复选框值