javascript - 内部div的复选框未选中JQuery Bootstrap

考虑下面的代码示例：

这有效

<div class="row">
    <div>
        <input type="checkbox" id="checkbox3" />
    </div>
</div>

但是当我添加类时，它不起作用

<div class="row">
    <div class="checkbox i-checks">
        <input type="checkbox" id="checkbox3" />
    </div>
</div>

下面的jQuery代码

$('#checkbox3').prop('checked', true);

我正在尝试使用JQuery选中内部div的复选框。该复选框位于内部div（多层嵌套）中，并且是与父代不同的引导类。我正在尝试检查内部div的复选框，但是无法对其进行检查。如何设置不同类的内部div的复选框。

我正在使用以下导入样式

@Scripts.Render("~/plugins/iCheck")


$('.i-checks').iCheck({
    checkboxClass: 'icheckbox_square-green',
    radioClass: 'iradio_square-green',
});

样式：

@section Styles {
    @Styles.Render("~/Content/plugins/iCheck/iCheckStyles")
}

最佳答案

我找到了解决方案，但我会在此处发布它，以防将来有人需要。

我将以下内容添加到JQuery中


  .icheck（'更新'）

$('#checkbox3').prop('checked', true).iCheck('update');

添加以下内容以供参考

http://icheck.fronteed.com/