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

【问题标题】：Checkbox of inner div not being checked JQuery Bootstrap内部 div 的复选框未选中 JQuery Bootstrap
【发布时间】：2018-06-20 17:36:53
【问题描述】：

考虑下面的代码示例：

这行得通

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

【问题讨论】：

你能给个小提琴吗？
BS 可能希望 checkbox 类位于复选框本身，它不会在内部查找复选框。
在 codepen 中看起来不错 - codepen.io/nagasai/pen/YvawZM
@NagaSaiA 我认为这并没有呈现引导程序。复选框看起来像一个普通的复选框

标签： javascript jquery html css twitter-bootstrap-3

【解决方案1】：

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

我在 JQuery 中添加了以下内容

.icheck('更新')

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

添加以下内容供参考

http://icheck.fronteed.com/

【讨论】：

【解决方案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>

【讨论】：

不起作用。上面的代码不渲染引导