gpt4 book ai didi

javascript - 更改时单选按钮上的奇怪错误

转载 作者:行者123 更新时间:2023-11-30 09:52:04 24 4
gpt4 key购买 nike

<分区>

我正在尝试做一个带有 2 个选项的单选按钮:是和否(是一个长格式),但在这篇文章中,我需要在用户选择是或否时检查名为拒绝或完成的 radio ,拒绝并且已完成的按钮已被禁用,用户无法手动更改此设置。

1 - 当用户选择是时:必须检查已完成2 - 如果用户选择否,则必须检查拒绝。3 - 如果用户将"is"更改为“否”,或者将“否”更改为"is"选项,我们将回到上面的规则 1 或 2。

但是,我卡住了,因为当我更改选项时,单选按钮只更改一次。之后什么也没有发生。

这是我现在的代码:https://jsfiddle.net/bw21cxo5/1/

HTML:

<div>
<label for="yes">
<input type="radio" name="radio1" value="yes" id="yes" class="option-yes">Yes
</label>
<label for="no">
<input type="radio" name="radio1" value="no" id="no" class="option-no">No
</label>
</div>
<br><br>
<div>
<label for="refused">
<input type="radio" name="radio2" id="refused" disabled> Refused
</label>
<label for="accomplished">
<input type="radio" name="radio2" id="accomplished" disabled> Accomplished
</label>
</div>

js: (jquery 2.2)

$('input[name="radio1"]').on('change', function() {

if ($(this).hasClass('option-no')) {
$('#refused').attr('checked', true);
$('#accomplished').attr('checked', false);
} else {
$('#accomplished').attr('checked', true);
$('#refused').attr('checked', false);
}
});

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com