如何检查jQuery中的多个指标单选按钮？

Question

在我的页面里有这么多的组单选按钮。

第一个div“请求-1”只默认单击checked.After按钮，我调用下面的jQuery函数将选定的值分配给其他div单选按钮。

if ($("#Request-1:input:checked").length > 0) {

            $("#Request-2").attr('checked', 'checked');
            $("#Request-3").attr('checked', 'checked');
            $("#Request-4").attr('checked', 'checked');
        }
        else if ($("#DRequest-1:input:checked").length > 0) {
            $("#DRequest-2").attr('checked', 'checked');
            $("#DRequest-3").attr('checked', 'checked');
            $("#DRequest-4").attr('checked', 'checked');

        }

但是只有#请求-4正在检查其他单选按钮，没有检查.Please，请告诉我如何检查所有单选按钮。

 <div id="choose-1">
<input id="Request-1"  type="radio" name="request-type"  checked="checked"/>Data REquest



     <input id="DRequest-1"  type="radio" name="request-type"/>D Request Data
    </div>
 <div id="choose-2">
    <input id="Request-2"  type="radio" name="request-type" />Data REquest

      <input id="DRequest-2"  type="radio" name="request-type"/>D Request Data
    </div>
 <div id="choose-3">
    <input id="Request-3"  type="radio" name="request-type" />Data REquest

      <input id="DRequest-13"  type="radio" name="request-type"/>D Request Data
    </div>
 <div id="choose-4">
    <input id="Request-4"  type="radio" name="request-type"  checked="checked"/>Data REquest

      <input id="DRequest-4"  type="radio" name="request-type"/>D Request Data
    </div>

Answer 1

您使用的是radio buttons，它们位于同一个group request-type中，因此在本例中只能选择一个

要工作，您需要使用checkboxes代替radios

然后尝试使用支柱()并合并由,分隔的所有选择器，如

if ($("#Request-1:checked").length > 0) {
   $("#Request-2, #Request-3, #Request-4").prop('checked', true);
}
else if ($("#DRequest-1:checked").length > 0) {
   $("#DRequest-2, #DRequest-3, #DRequest-4").prop('checked', true);
}

现场演示

如果您需要在更改状态时切换复选框，请尝试以下操作，

$('#Request-1').on('change',function(){
    $("#Request-2, #Request-3, #Request-4").prop('checked', this.checked);    
}).change();
$('#DRequest-1').on('change',function(){
    $("#DRequest-2, #DRequest-3, #DRequest-4").prop('checked', this.checked);    
}).change();

复选框 变更演示

再次，您需要使用收音机，然后您需要更改单选按钮分组，

<div id="choose-1">
    <input id="Request-1" type="radio" name="request-type" checked="checked" />Data REquest
    <input id="DRequest-1" type="radio" name="request-type" />D Request Data</div>
<div id="choose-2">
    <input id="Request-2" type="radio" name="request-type-2" />Data REquest
    <input id="DRequest-2" type="radio" name="request-type-2" />D Request Data</div>
<div id="choose-3">
    <input id="Request-3" type="radio" name="request-type-3" />Data REquest
    <input id="DRequest-3" type="radio" name="request-type-3" />D Request Data</div>
<div id="choose-4">
    <input id="Request-4" type="radio" name="request-type-4" />Data REquest
    <input id="DRequest-4" type="radio" name="request-type-4" />D Request Data
</div>

无线电 变更演示