作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个复选框
和3个单选按钮
,如果选中该复选框,我会尝试选择其中一个单选按钮
如果未选中复选框
,则取消选中其中任何一个。
我的解决方案在第一次运行时有效,但在第一次单击后不会选择单选按钮。
$('#checkbox-h-2g').click(function () {
if ($('#checkbox-h-2g').is(":checked")) {
$('#r1').attr('checked', true);
}if (!$('#checkbox-h-2g').is(":checked")) {
$('#r1 , #r2, #r3').attr('checked', false);
}
});
最佳答案
使用.prop()
而不是.attr()
设置属性,您的代码也可以改进为
$('#checkbox-h-2g').change(function () {
if (this.checked) {
$('#r1').prop('checked', true);
}else{
$('#r1 , #r2, #r3').prop('checked', false);
}
});
关于javascript - 控制单选按钮的复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36864066/
我是一名优秀的程序员,十分优秀!