Question

我需要帮助自动检查树视图中的复选框。

我有一个树视图，当我单击复选框时，列表中的所有子项都会自动选中它们的复选框。问题是它不起作用。

treeview.find('input[type=checkbox]').each(function () {
    $j(this).click(function () {
        if ($j(this).is(':checked')) {
            $j(this).siblings('ul').find('input[type=checkbox]').attr('checked', 'checked');
        } else {
            $j(this).siblings('ul').find('input[type=checkbox]').removeAttr('checked');
        }
    });
});

所以代码说明了一切，我找到所有复选框，并在每个我绑定点击事件。单击该项目时，它会检查是否已选中，然后查找所有复选框并将其属性设置为选中，否则查找所有复选框并删除其已选中的属性。我的选择器工作正常，所以这不是问题。

当我点击复选框时，会检查所有复选框，当我取消选中时，它仍然有效。但是在另一次尝试中，它不再起作用了！这很奇怪！最奇怪的是，当我检查代码时，我可以在复选框上看到它有checked="checked"但浏览器不会呈现已检查状态（实际上这是主要问题）。

Answer 1

使用：

$el.prop('checked', true) // to check the box
$el.prop('checked', false) // to uncheck the box

而不是：

$el.attr('checked', 'checked') // to check the box
$el.removeAttr('checked') // to uncheck the box

这是因为您需要更改框的已检查状态，而不是已更改的属性。 checked属性仅用于复选框的初始状态。

jQuery不会检查复选框

1 个答案: