如何在 XUl JavaScript 中获取所选复选框值的值

Question

这是我的复选框，它是通过获取 XUL 树的值动态创建的。

var yyahoo = tree.view.getCellText(i, tree.columns.getNamedColumn("yahoo")); 

  var existing  = document.getElementById('box');
  var checkbox   = document.createElement('checkbox');
  capt.appendChild(checkbox);
  checkbox.setAttribute('label', yyahoo);
  checkbox.setAttribute("checked", "false")
  checkbox.setAttribute('style', 'color: green;');

像这样，我在 XUL 文件中动态创建了许多复选框。

当我检查 Mozilla 网站时，它解释说，我必须使用 hasAttribute() 来获取所选复选框的值，这让我感到困惑。

请帮助我获取所选复选框的值。

这是单击即可获取值的按钮。

<row><button label="get" oncommand="get();"/></row> 

这是函数：此函数无法正常工作，因为我的函数中缺少某些内容。

function get()
{
// check that the attribute exists before setting a value
var d = document.getElementById("box");
if (d.hasAttribute("checkbox")) {
 alert(d);
}

} 

感谢您的支持。

Answer 1

checkbox 是 ID 为 box 的元素的子，而不是属性。尝试这样的操作：

function get() {
    // check that the attribute exists before setting a value
    var table = document.getElementById("box"); 
    var cells = table.getElementsByTagName("checkbox"); 
    for (var i = 0; i < cells.length; i++) { 
        var cell = cells[i];
        if(cell.checked) {
            alert(cell.getAttribute("label"));
            // or cell.label
        }
     }
}

checked 属性告诉您当前是否选中该复选框。 hasAttribute('checked') 告诉您该属性是否已设置。也许你必须同时使用两者，我不知道。

显然，复选框 ^[MDN] 元素没有属性value，所以我不知道你在谈论哪个值。