Question

我在代码中看不到任何错误。但是，当复选框正在勾选时，警报框不会显示。

有没有人可以帮助我？提前谢谢。

 <script type="text/javascript" language="javascript" src="jquery/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" language="javascript">
    $(function(){

              if($("#checkkBoxId").attr("checked"))
                        {
                            alert("Checked");
                        }
                        else
                        {
                            alert("Unchecked");
                        }

    });


    </script>
    </head>

    <body>

        <p><input id="checkkBoxId" type="checkbox">Enable</p>
    </body>

Answer 1

$(document).ready(function() {
    $('#checkkBoxId').change(function() {
        if ($(this).prop('checked')) {
            alert('checked');
        } else {
            alert('not checked');
        }
    });
});

Answer 2

您需要将复选框上的click事件绑定为

$("#checkkBoxId").click(function() {
    if($(this).attr("checked")) {
        alert("Checked");
    }
    else {
        alert("Unchecked");
    }
}):

Answer 3

当DOM准备就绪时，您的代码只执行一次。所以任何改变都不会触发它。

这是正确的解决方案：

$(function () {
    $('#checkkBoxId').change(function () {
        if ($("#checkkBoxId").prop('checked')) {
            alert("Checked");
        } else {
            alert("Unchecked");
        }
    });
});

Answer 4

您必须将该功能附加到复选框的点击事件。

$("#checkkBoxId").change(function(){

          if($(this).prop("checked"))
                    {
                        alert("Checked");
                    }
                    else
                    {
                        alert("Unchecked");
                    }

});

单击复选框时不显示警告框

4 个答案: