如何檢查jQuery中的多個indicdual單選按鈕？

Question

在我的頁面中有這麼多的組合單選按鈕。

first div「Request-1」only default checked.After button click I'm called the following jQuery function to assign selected value to other div radio button。

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