个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
24
4
当我运行以下自包含代码时，复选框被选中和取消选中一次，但此后它不会，即使消息似乎暗示切换。
<html>
<head>
<title>dummy</title>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<input id="fc" type="checkbox" />
<script>
function f () {
if (typeof $("#fc").attr("checked") !== 'undefined') {
alert("checked, unchecking");
$("#fc").removeAttr("checked");
} else {
alert("unchecked, checking");
$("#fc").attr("checked", "checked");
}
setTimeout(f, 1000);
}
setTimeout(f, 1000);
</script>
</body>
</html>
最佳答案
需要使用 .prop() 而不是 .attr() 来选中和取消选中复选框
$("#fc").prop("checked", true);// true to check false to uncheck
还可以使用 :checked 过滤器来检查复选框是否被选中
function f () {
if ($("#fc").is(":checked")) {
alert("checked, unchecking");
$("#fc").prop("checked", false);
} else {
alert("unchecked, checking");
$("#fc").prop("checked", true);
}
setTimeout(f, 1000);
}
setTimeout(f, 1000);
上面给出的示例可以简化为
function f () {
$("#fc").prop("checked", !$("#fc").is(":checked"));
}
setInterval(f, 1000);
演示:Fiddle
关于javascript - 为什么 jQuery 没有选中/取消选中复选框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18439468/
24
4
0
我是一名优秀的程序员,十分优秀！