未将单选按钮选中属性设置为false
未将单选按钮选中属性设置为false
提问于 2017-02-20 14:55:22
我有两个按钮yes和no，我只是简单地切换它们。
<!DOCTYPE html>
<html>
<head>
<title>Demo Project</title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src=""></script>
<script>
function enableCheckBoxAndDisableNoRadioButton() {
$(".checkbox").attr("checked",true);
$("#no").attr("checked", false);
}
function disableCheckBoxAnddisableYesRadioButton() {
$("#yes").attr("checked", false);
$(".checkbox").attr("checked",false);
}
</script>
<body>
<input class="checkbox" type="checkbox" >
<p>yes <input id="yes" type="radio" onchange="enableCheckBoxAndDisableNoRadioButton()"></p>
<p> no<input id="no" type="radio" checked=true onchange="disableCheckBoxAnddisableYesRadioButton()"></p>
</body>
</html>当我在yes上点击时，没有按钮被取消选择，复选框被选中。但当我单击no按钮时，该时间复选框被取消选中，但yes按钮也处于选中状态。我想让它取消选择。
让我知道问题出在哪里。
我在chrome: 53.0上运行这段代码。
回答 4
Stack Overflow用户
发布于 2017-02-20 14:58:38
使用attr的prop实例。
function enableCheckBoxAndDisableNoRadioButton() {
$(".checkbox").prop("checked", true);
$("#no").prop("checked", false);
}
function disableCheckBoxAnddisableYesRadioButton() {
$("#yes").prop("checked", false);
$(".checkbox").prop("checked", false);
}Stack Overflow用户
发布于 2017-02-20 14:55:22
我把它改成了.prop，取代了attr，现在它可以工作了。
Stack Overflow用户
发布于 2017-02-20 15:13:54
将.attr更改为.prop，即可正常工作
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42338224
复制相关文章
相似问题
腾讯云开发者
