设置复选框的值不起作用

Question

有没有办法使用javascript设置复选框的值？

var checkbox = document.getElementById("form1").getElementsByTagName("checkbox");

由于

Answer 1

 var checkbox = document.forms["form1"].checkbox.value = "your value here";

上面的JavaScript会在这里设置＆＃34;你的价值＆＃34;使用此HTML：

 <form name="form1">
    <input name="checkbox" value="before change">
 </form>

Answer 2

value上的HTMLInputElement属性是可读/写的。

document.getElementById('myCheckbox').value = 'some value';

...虽然将checked属性设置为true或false通常更有用，除非您要创建新的复选框。

---

  

var checkbox = document.getElementById(“form1”).getElementsByTagName(“checkbox”);

这不会返回一个复选框，因为：

1. getElementsByTagName返回 NodeList （类似于数组）而不是 HTMLElement 。你必须循环结果（或假设只有一个并抓住[0]）。
2. 复选框的标记名称为输入

Answer 3

是

<input type="checkbox" id="test" />bla bla

<script type="text/javascript">
var checkbox = document.getElementById('test');
checkbox.checked="checked";
</script>

Answer 4

使用jQuery：$("input[type='checkbox']").val('your value');