复选框在单选按钮更改事件后未被选中
复选框在单选按钮更改事件后未被选中
提问于 2017-06-03 06:10:33
我有一个复选框和两个单选按钮。在其中一个电台的更改事件中，我正在使复选框的复选属性变为true。它只工作一次。
复制它的步骤: 1.单击丑陋(选中复选框) 2.取消复选框3.切换丑陋和良好(无效果:(
花了很多时间在这上面，但不知道发生了什么。
回答 2
Stack Overflow用户
发布于 2017-06-03 06:13:58
按以下方式更新代码：
// or select based on the name attribute
// `$('input[type=radio][name="gender"]')`
$('input[type=radio]').on('change', function() {
$('.xyz').prop('checked', this.value == 'bad');
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="vehicle" value="Car" class="xyz"> I have a car<br>
<input type="radio" name="gender" value="good"> Good Oned<br>
<input type="radio" name="gender" value="bad"> Ugly<br>
Stack Overflow用户
发布于 2017-06-03 06:14:16
试试看，如果条件.clicked单选按钮值不好，则单击true，否则false出现在选中的attr .You中，应使用prop()方法而不是attr。
更新
为什么不工作？ 您的选择器是错误的，.you有
$('input[type=radio][value = "bad"]').its只选择值坏单选按钮，而不是两个.So，只有当您单击其他单选按钮时，复选框才没有被选中。
$(document).ready(function() {
$('input[type=radio]').on('change', function() {
$('.xyz').prop('checked', $(this).val().trim() == 'bad');
})
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script data-require="jquery" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<input type="checkbox" name="vehicle" value="Car" class="xyz"> I have a car<br>
<input type="radio" name="gender" value="good"> Good Oned<br>
<input type="radio" name="gender" value="bad"> Ugly<br><br>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44340918
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号