镜像 基于值的无线电选择有效吗？

Question

我有两对单选按钮。我想要第二双与第一双相匹配。

我工作的系统不允许名称和ID不同

我创建了以下代码，尽管它获取了正确的值，但它似乎只能以这样或那样的方式工作，我不知道问题出在哪里。有人能告诉我这里发生了什么吗？

如果在开始时选择"是"，则会对其进行镜像。然后选择"否"，它将被镜像，但当您从"否"返回到"是"时，它将停止镜像。如果你从"否"开始，情况也是一样的->是->编号

function setAutoInitiateIRRadio(){
alert($('input[name="radIssueReviewRequired"]:checked').val());
if($('input[name="radIssueReviewRequired"]:checked').val() == "Yes") {
$('input:radio[name="radAutoInitiateIR"][value="Yes"]').attr('checked',true);
$('input:radio[name="radAutoInitiateIR"][value="No"]').attr('checked',false);   
}
else if($('input[name="radIssueReviewRequired"]:checked').val() == "No"){
$('input:radio[name="radAutoInitiateIR"][value="No"]').attr('checked',true);
$('input:radio[name="radAutoInitiateIR"][value="Yes"]').attr('checked',false);
}
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-md-4 form-group">
<label id="radIssueReviewRequired-label" for="radIssueReviewRequired">Issue Review Required?:</label>
<div class="radio-list">
<label id="radIssueReviewRequired-label"><input type="radio" class="mc-click" id="radIssueReviewRequired" name="radIssueReviewRequired" alt="Select if an Issue Review is required." title="Yes, an Issue Review is required to be launched." value="Yes" onchange="setAutoInitiateIRRadio()"/>&nbsp;Yes</label>
<label id="radIssueReviewRequired-label"><input type="radio" class="mc-click" id="radIssueReviewRequired" name="radIssueReviewRequired" alt="Select if an Issue Review is required." title="No, an Issue Review is not required to be launched." value="No" onchange="setAutoInitiateIRRadio()"/>&nbsp;No</label>
</div>
</div>
<div class="col-md-4 form-group" >
<label id="radAutoInitiateIR-label" for="radAutoInitiateIR">Initiate Issue Review?:</label>
<div class="radio-list">
<span><label id="radAutoInitiateIR-label"><input type="radio" class="mc-click" id="radAutoInitiateIR" name="radAutoInitiateIR" alt="An Issue Review was recommended." title="An Issue Review was recommended." value="Yes" />&nbsp;Yes&nbsp;&nbsp;&nbsp;&nbsp;</label></span>
<span><label id="radAutoInitiateIR-label"><input type="radio" class="mc-click" id="radAutoInitiateIR" name="radAutoInitiateIR" alt="An Issue Review was not recommended." title="An Issue Review was not recommended." value="No" />&nbsp;No&nbsp;&nbsp;</label></span>
</div>
</div>

Answer 1

刚刚想好了。

将.attr更改为.prop解决了此问题。

Checked属性绑定到defaultChecked属性，这意味着只会第一次检查元素。

Answer 2

以下是您要查找的内容：

注意：选中一个单选按钮，会自动将该单选组中其他单选按钮的checked设置为false。

还有一件事：您可以对相同的输入使用不同的id和名称。

var firstTime = true;
var firstYes = true;
var firstNo = true;
function setAutoInitiateIRRadio() {
alert($('input[name="radIssueReviewRequired"]:checked').val());
if (firstTime) {
if ($('input[name="radIssueReviewRequired"]:checked').val() == "Yes") {
$('input:radio[name="radAutoInitiateIR"][value="Yes"]').attr('checked', true);
firstYes = false;
} else if ($('input[name="radIssueReviewRequired"]:checked').val() == "No") {
$('input:radio[name="radAutoInitiateIR"][value="No"]').attr('checked', true);
firstNo = false;
}
firstTime = (firstYes || firstNo);
}
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-md-4 form-group">
<label id="radIssueReviewRequired-label" for="radIssueReviewRequired">Issue Review Required?:</label>
<div class="radio-list">
<label id="radIssueReviewRequired-label"><input type="radio" class="mc-click" id="radIssueReviewRequired" name="radIssueReviewRequired" alt="Select if an Issue Review is required." title="Yes, an Issue Review is required to be launched." value="Yes" onchange="setAutoInitiateIRRadio()"/>&nbsp;Yes</label>
<label id="radIssueReviewRequired-label"><input type="radio" class="mc-click" id="radIssueReviewRequired" name="radIssueReviewRequired" alt="Select if an Issue Review is required." title="No, an Issue Review is not required to be launched." value="No" onchange="setAutoInitiateIRRadio()"/>&nbsp;No</label>
</div>
</div>
<div class="col-md-4 form-group">
<label id="radAutoInitiateIR-label" for="radAutoInitiateIR">Initiate Issue Review?:</label>
<div class="radio-list">
<span><label id="radAutoInitiateIR-label"><input type="radio" class="mc-click" id="radAutoInitiateIR" name="radAutoInitiateIR" alt="An Issue Review was recommended." title="An Issue Review was recommended." value="Yes" />&nbsp;Yes&nbsp;&nbsp;&nbsp;&nbsp;</label></span>
<span><label id="radAutoInitiateIR-label"><input type="radio" class="mc-click" id="radAutoInitiateIR" name="radAutoInitiateIR" alt="An Issue Review was not recommended." title="An Issue Review was not recommended." value="No" />&nbsp;No&nbsp;&nbsp;</label></span>
</div>
</div>