Kiểm tra nút radio đầu tiên với JQuery

Question

Tôi muốn kiểm tra nút radio đầu tiên của mỗi nhóm. Nhưng có một số nút radio bị vô hiệu hóa, do đó, tập lệnh nên bỏ qua chúng và đi tới nút không bị vô hiệu tiếp theo.

tôi đã viết một cái gì đó như thế này nhưng nó không hoạt động:

$(document).ready(function(){ 
if ($("input['radio']).is(':disabled')) 
    { 
     $(this).attr('checked', false); 
    } 
else 
    { 
     $(this).attr('checked', true); 
    } 
});

Thanks a lot

Answer 1

Nếu nút của bạn được nhóm lại theo thuộc tính tên của họ, hãy thử:

$("input:radio[name=groupName][disabled=false]:first").attr('checked', true); 

Nếu họ được nhóm lại theo một container phụ huynh, sau đó:

$("#parentId input:radio[disabled=false]:first").attr('checked', true); 

Answer 2

Hãy thử điều này:

$("input:radio:not(:disabled)").attr("checked", true); 

Để kiểm tra nút radio đầu tiên chỉ trong một nhóm bạn có thể

$("parentelement input:radio:not(:disabled):first-child").attr("checked", true); 

Answer 3

Dưới đây là những gì bạn muốn:

$(document).ready(
    function(){ 
    $('input:radio:first-child').attr('checked',true); 
    } 
); 

Demo tại: JS Bin.

Answer 4

$("input:radio[name=groupX]:not(:disabled):first") 

này nên cung cấp cho bạn các đài phát thanh-nút không khuyết tật đầu tiên từ một nhóm ...

Answer 5

<input type="radio" name="r1"><br> 
<input type="radio" name="r1"><br> 
<hr> 
<input type="radio" name="r2"><br> 
<input type="radio" name="r2"><br> 
<input type="radio" name="r2"><br> 

<script> 
$(function(){ 
    //removed duplicates form the following array 
    $(jQuery.unique(
     //create an array with the names of the groups 
     $('INPUT:radio') 
      .map(function(i,e){ 
       return $(e).attr('name') } 
      ).get() 
    )) 
    //interate the array (array with unique names of groups) 
    .each(function(i,e){ 
     //make the first radio-button of each group checked 
     $('INPUT:radio[name="'+e+'"]:visible:first') 
      .attr('checked','checked'); 
    }); 
}); 
</script> 

jsfiddle = http://jsfiddle.net/v4auT/