javascript - 设置复选框的值不起作用

Question

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

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

谢谢

Answer 1

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

上面的 JavaScript 将使用此 HTML 设置“您的值”：

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

Answer 2

an 上的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');