Überprüfen Sie das erste Optionsfeld mit JQuery

Ich möchte das erste Optionsfeld jeder Gruppe überprüfen. Aber es gibt einige Optionsfelder, die deaktiviert sind, also sollte das Skript sie ignorieren und zur nächsten nicht deaktivierten Schaltfläche gehen.

Ich habe so etwas geschrieben, aber es funktioniert nicht:

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

Danke vielmals

Wenn Ihre Schaltflächen nach ihrem Namensattribut gruppiert sind, versuchen Sie Folgendes:

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

Wenn sie nach einem übergeordneten Container gruppiert sind, dann:

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

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

Dies sollte Ihnen das erste nicht deaktivierte Optionsfeld einer Gruppe geben …

Das Folgende macht, was Sie wollen:

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

Demo unter: JS Bin.

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

Ich habe die erste Antwort getestet und sie löst es nicht. Ich musste den folgenden Satz verwenden:

jQuery("input:radio[name=groupName]:visible")[0].checked=true;

Aktivieren Sie dazu das erste sichtbare Optionsfeld mit name = groupName

Versuche dies :

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

Um das erste Optionsfeld nur in einer Gruppe zu aktivieren, können Sie

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

Ein kleines Upgrade für 2020. Die offizielle Dokumentation schlägt die Verwendung von “first()” und “prop()” vor.

$("input[name="groupName"][disabled=false]").first().prop("checked", true);