Question

我试图选中/取消选中所有复选框，方法是选中我的引导程序模式中的一个主复选框，但是javascript / jquery脚本不能使用输入类型复选框。

这是我的HTML代码 -

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

这里是jquery -

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

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

为什么这不能在bootstrap模式中工作？

我试图在输入标签内显示警告，如此 -

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

这也行不通！

Answer 1

这可能是因为没有使用$query = mysql_query("SELECT * FROM People"); $i = 1; while($row = mysql_fetch_assoc($query)) { $name = $row['query']; if ($count > '1') { ?> <table> <tr> <td><p><b><?php print( $name . "</p></td></tr>"); $i = $i + 1; ?>。

请参阅我的JSFiddle，了解您的情况。

Answer 2

尝试以这种方式用于 .on

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 3

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

检查一下 http://seegatesite.com/checked-checkbox-adminlte-bootstrap-in-jquery/

示例：

jQuery(document).ready(function () {

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

复选框更改使用jquery / javascript无法在bootstrap模式内工作

3 个答案: