Jquery alertBox没有';勾选复选框时不显示
我看不到我的代码中有任何错误。但是,当复选框勾选时,不会显示Alertbox 有人能帮我吗?提前谢谢Jquery alertBox没有';勾选复选框时不显示,jquery,Jquery,我看不到我的代码中有任何错误。但是,当复选框勾选时,不会显示Alertbox 有人能帮我吗?提前谢谢 <script type="text/javascript" language="javascript" src="jquery/jquery-1.4.4.min.js"></script> <script type="text/javascript" language="javascript"> $(function(){
<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>
$(函数(){
if($(“#checkkBoxId”).attr(“checked”))
{
警报(“已检查”);
}
其他的
{
警惕(“未检查”);
}
});
使能
您必须将该功能附加到复选框的单击事件
$("#checkkBoxId").change(function(){
if($(this).prop("checked"))
{
alert("Checked");
}
else
{
alert("Unchecked");
}
});
您需要在复选框上绑定click事件,如下所示
$("#checkkBoxId").click(function() {
if($(this).attr("checked")) {
alert("Checked");
}
else {
alert("Unchecked");
}
}):
当DOM就绪时,代码只执行一次。所以任何改变都不会触发它 以下是正确的解决方案:
$(function () {
$('#checkkBoxId').change(function () {
if ($("#checkkBoxId").prop('checked')) {
alert("Checked");
} else {
alert("Unchecked");
}
});
});
使用
prop
而不是attr
。此外,您在第一行中忘记了一些引号。.change()
更适合这种情况。用户可以使用键盘而不是鼠标来更改checked
属性。使用prop('checked')
比is(':checked')更快
-1感谢您没有看到Manuel所做的事情,感谢您对除您之外的所有其他答案投了否决票。请使用prop
而不是attr
。除非您在代码中看到的低于1.6@ThiefMaster的版本。change()
更适合这种情况。用户可以使用keybord而不是鼠标更改选中的
属性。更改属性@garvey的确切含义是什么?它在单击时触发,所以不确定您的意思。啊,没有看到他使用的是古代版本。好。。他应该更新到1.6.4。您真的需要使用古老版本的jQuery吗?1.6.4是最新版本,在此版本中,您可以使用.prop()
,这对于获取检查状态等操作来说更快、更舒适。
$(function () {
$('#checkkBoxId').change(function () {
if ($("#checkkBoxId").prop('checked')) {
alert("Checked");
} else {
alert("Unchecked");
}
});
});