javascript - 如果满足其他数据条件，则将隐藏复选框设置为 true

Question

我有一个分为Kendo UI Panel Bar的表单。在第一个面板中，我有一个字段，当填充任何文本时，会选中一个当前不可见且位于其下方折叠面板内的复选框。

我的问题是复选框没有选中。我已经阅读了一些关于复选框在不可见时如何被禁用的帖子。有解决方法吗？

    function Validate(uid) {
    if ($("#SomeNumber_" + uid).val().length > 0) 
    {
        $("#MyCheckBox").attr('checked', true);  //This checkbox is display:none at the time this is set
        //Also tried these, but they didn't work:
        //$("#MyCheckBox").click();
        //var myCheckBox= document.getElementById("MyCheckBox");
        //myCheckBox.checked = true;
    }
}

Answer 1

尝试$("#MyCheckBox").prop('checked', true);

我有一个类似的用例，可以证明可以检查隐藏的复选框。

我认为使用 attr 的正确方法是 $("#MyCheckBox").attr('checked', 'checked');

Answer 2

刚刚通过按钮动态更改复选框来测试复选框上的显示无。它适用于显示无设置。

http://jsfiddle.net/jmsessink/hcWf8/1/

以下会将您的复选框的属性设置为“已选中” -

这 -

$('#MyCheckBox').attr('checked', true)

也

$('#MyCheckBox').attr('checked', 'checked')

也

document.getElementById('MyCheckBox').checked = true;

也

document.getElementById('MyCheckBox').checked = 'checked';

*edit - 更新 jsfiddle 版本以显示这四种方法