使用 jquery/javascript 的复选框更改在引导模式中不起作用答案

【问题标题】：checkbox change using jquery/javascript not working inside bootstrap modal使用 jquery/javascript 的复选框更改在引导模式中不起作用
【发布时间】：2015-12-21 11:36:59
【问题描述】：

我正在尝试通过检查引导模式中的一个主复选框来选择/取消选择所有复选框，但是 javascript/jquery 脚本无法使用输入类型复选框。

这是我的html代码-

<input type="checkbox" id="checkAll"/>

这里是 jquery-

$(document).ready(function() {
    $("#checkAll").change(function () { alert('here');
        $("input:checkbox").prop('checked', $(this).prop("checked"));
    });
});

当我选中复选框时，它不会显示警报。

为什么这在引导模式下不起作用？

我尝试在输入标签中显示警报，像这样-

<input type="checkbox" id="checkAll" onclick="alert('hello');"/>

这也行不通！

【问题讨论】：

您可以参考以下JSFiddle;
你好 Rajesh，这个小提琴不适合我。
你试过on吗？如果这不起作用，请尝试使用委托：$(document).on("change", "#checkAll", function(){ alert("Hello") })
我在两天后自己找到了解决方案，我只是删除了输入字段的父 div，它完美地工作！父 div 类包含一些来自名为 green.css 的 css 文件的意外样式。
谢谢大家！

标签： javascript jquery html bootstrap-modal

【解决方案1】：

这可能是因为没有使用.on。

请参阅我的JSFiddle，这将解释您的情况。

【讨论】：

这个 js fiddle 在模态外完美工作，在内部不起作用。
好的，请在 JSFiddle 中重新创建您的问题，以便我可以帮助您。

【解决方案2】：

用这种方式试试.on

$(document).ready(function() {
    $("#checkAll").on('change', function () { alert('here');
        var inputCheck =$(this);
        console.log("Checked -"+inputCheck .is(":checked"));
    
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="checkbox" id="checkAll"/>

【讨论】：

【解决方案3】：

您必须更新引导模板附带的 icheck.js。

看看这个 http://seegatesite.com/checked-checkbox-adminlte-bootstrap-in-jquery/

例子：

jQuery(document).ready(function () {

$('#radiobt1').on('ifChecked', function(event){
 alert('New value');
});   
 });

【讨论】：