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

Question

在我的页面中有很多这样的组单选按钮。

第一个 div "Request-1" 仅默认选中。单击按钮后，我调用下面的 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');

        }

但只有 #REquest-4 正在检查其他单选按钮未检查。请告诉我如何检查所有单选按钮。

 <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

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

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);
}

Live Demo

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

$('#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();

复选框 change demo

再次，您需要使用单选按钮，然后您需要更改单选按钮分组，例如，

<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>

电台 change demo