Question

请在下面考虑此代码示例：

这有效

<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")
}

Answer 1

我找到了解决方案，但我会将其发布在这里，以防将来有人需要。

我在JQuery中添加了以下内容

.icheck（'update'）

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

添加以下内容以供参考

http://icheck.fronteed.com/

Answer 2

当您添加课程时，它确实可以工作

$(document).ready(function(){
   $('#checkbox3').prop('checked', true
   );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>

</head>
<body>
<div class="row">
    <div class="checkbox i-checks">
        <input type="checkbox" id="checkbox3" />
    </div>
</div>
</body>
</html>

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

2 个答案: