在 dashcode 中以编程方式更改复选框的状态

Question

好的，所以我尝试在仪表板代码中以编程方式更改复选框的状态。我尝试过：

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

// I have tried all the following methods.
checkbox.checked = false;
checkbox.selected = false;
checkbox.value = false;

Answer 1

Dashboard Widget 仅在 WebKit 技术上运行，因此对 Safari 有效的代码在 Dashcode 中也应该有效。以下任一方法都应该有效：

checkbox.checked = true;
checkbox.setAttribute("checked", "true");

它们不工作的事实表明您的代码中的其他地方存在问题。我会检查该行

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

正确地将元素分配给 checkbox 变量。另外，检查“checkbox”元素的 id 是否有效且正确（不重复、没有拼写错误等）。

Answer 2

当我写这个答案时，这个问题已经一个月了。它可能已经解决了，但无论如何我想补充一点，如果您使用 Dashcode，复选框部分是一个 div，其中包含一个标签和一个输入，这是“真正的”复选框。

如果您检查在 Safari 中加载的 html，您会注意到“checkbox”是元素的类型。

因此，更改复选框状态的正确方法是，假设“输入”是它的 id（但它可以附加一个默认数字）：

document.getElementById("input").checked="true";

或您想要使用的任何方法。

这里的要点是你试图改变另一个 div 的状态。

希望有帮助！

Answer 3

checkbox.setAttribute("checked", "checked"); // set
checkBox.removeAttribute("checked"); // remove

Answer 4

这个问题已经存在有一段时间了。无论如何，以下内容对我们有用：

checkbox.childNodes[1].checked = true;
checkBox.childNodes[1].checked = false;

方式需要通过 div 包装器，它具有实际 ID（本例中的复选框）并设置输入的属性，即子节点 1。

正如前面的答案中所指出的，Dashcode 创建这些控件的 输入的实际“id”会有问题，因为您无法控制分配给节点的 id。例如，如果您有两个复选框，则第一个复选框将“input”作为子节点 1 的 id，第二个复选框将“input1”作为子节点 1 的 id，除非您在源中的某处使用“input”或“input1”作为 id。你的设计已经有了！

可能还有另一种方法，但我还没有找到。

Answer 5

我不知道你用的是哪种浏览器，但是当我在FF 3.6上测试时，它可以工作。
就这样写：

checkbox.checked = false;

while:

checkbox = document.getElementById('blablabla');

或这样写

document.getElementById('idhere').checked = false;

Answer 6

也许：

checkbox.checked = "checked";

那么：

checkbox.checked = "unchecked";

Answer 7

cell = row.insertCell(-1);
sel = document.createElement('input');
sel.setAttribute("type", "checkbox")
sel.setAttribute("name", "myCheckBox")
cell.appendChild(sel);
cell.getElementsByTagName('input')[0].checked = true;

我创建一个表格、行和单元格，并在其中创建一个复选框。
我可以抓住第一个输入对象并将检查状态设置为 true。

Answer 8

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

这条线有问题，应该是

var checkbox = document.getElementById('#checkbox");