Question

在我的页面顶部：

<head>
        <title></title>
        <link href="../Home.css" type="text/css" rel="stylesheet" runat="server" />
        <link href="../Content/kendo.common.min.css" rel="stylesheet" />
        <link href="../Content/kendo.default.min.css" rel="stylesheet" />
        <script src="../Scripts/jquery.min.js" type="text/javascript"> </script>
        <script src="../Scripts/kendo.web.min.js" type="text/javascript"> </script>
</head>

在页面底部，在body标签内：

<script type="text/javascript">

            $(document).ready(function()
            {
                if ($('#chkSelect').is(":checked")) {
                    alert('checked!');
                }
            });
</script>

在页面中间的HTML控件：

<input id="chkSelect" type="checkbox" />Select All Notifications

如果我检查checkBox“chkSelect”，我想发出警报。我在这里做错了吗？

Answer 1

您必须使用事件处理程序，例如change 您的代码只在页面加载时运行一次，并且不会选中复选框。

$('#chkSelect').change(function() {
    if( this.checked ) {
        alert('checked');
    }
});

Answer 2

UPDATED FIDDLE

$(function(){
$('#test1').click(function(){
  if($(this).is(":checked")) {
    alert('checked');
}
});

}）;

在JAVASCRIPT

中

if (document.getElementById('id').checked){
          alert("checked") ;
  }else{
alert("You didn't check it!")
}

Answer 3

这就是你想要的：

$(document).ready(function() {

    $("#chkSelect").click(function() {
        if ($(this).is(":checked")) {
            alert('checked!');
        }
    });

});

Answer 4

您尚未为复选框声明事件。这样做......

<script type="text/javascript">

            $(document).ready(function()
            {
                $('#chkSelect').change(function(){
                    if ($(this).is(":checked")) {
                        alert('checked!');
                    }
                }
            });
</script>

Answer 5

您的代码基本上会检查页面加载时选中/取消选中的复选框。

如果我是正确的，你想在选中复选框等时激活一个功能。

您可以使用jQuery的trigger。

$('#chkSelect').on('click', function() {
    alert('checked');
});
$('#chkSelect').trigger('click');

为什么“警报”功能没有解雇？

5 个答案: