0

在我的页面顶部：

<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

如果我选中复选框“chkSelect”，我想触发警报。我在这里做错了吗？

4

5 回答 5

6

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

$('#chkSelect').change(function() {
    if( this.checked ) {
        alert('checked');
    }
});
于 2013-07-30T17:54:45.757 回答
1

更新的小提琴

$(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!")
}
于 2013-07-30T17:56:10.847 回答
0

这就是你想要的：

$(document).ready(function() {

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

});
于 2013-07-30T17:55:32.830 回答
0

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

<script type="text/javascript">

            $(document).ready(function()
            {
                $('#chkSelect').change(function(){
                    if ($(this).is(":checked")) {
                        alert('checked!');
                    }
                }
            });
</script>
于 2013-07-30T17:55:58.260 回答
0

您的代码基本上会在页面加载时检查复选框是否选中/未选中。

如果我是正确的，您想在选中复选框等时触发一个功能。

您可以使用jQuery 的触发器。

$('#chkSelect').on('click', function() {
    alert('checked');
});
$('#chkSelect').trigger('click');
于 2013-07-30T17:56:11.127 回答