Wählen Sie Radiobutton beim Klicken mit jQuery

Question

Ich versuche, ein Radio-Button beim Klicken mit jQuery auswählen. Ich kann das anscheinend nicht zur Arbeit bringen. Hier ist mein aktueller Versuch.

JS

$(document).ready(function() { 
    $("#payment").click(function(event) { 
    event.preventDefault() 
    $("input:radio[name=slug_tier_1]").attr("checked", true) 
    }) 
}); 

HTML

<label class="plans__tier-1__actions"> 
    <%= radio_button_tag "slug", "tier_1", required: true %> 
    <a href="#" class="button" id="payment">Select</a> 
    </label> 

Screenshot des Namens

Dies scheint, als ob es funktionieren sollte? Irgendetwas springt auf dich hinaus?

Answer 1

$("input[type='radio'][name='slug_tier_1']").attr("checked", true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="radio" name="slug_tier_1">

Wenn der Name des Eingangs das gleiche in der gerenderten HTML ist, sollte der Wähler

$("input[type='radio'][name='slug_tier_1']").attr("checked", true); 

Die Art sein sollte wie jedes andere Attribut gegeben werden in []. Auch der Name sollte in Anführungszeichen eingeschlossen werden. Siehe link

Von RoR Docs

radio_button_tag 'gender', 'male' 
# => <input id="gender_male" name="gender" type="radio" value="male" /> 

Also in diesem Fall sollte der Name nur slug sein. slug_tier_1 ist die ID des Elements.

Entweder versuchen

$("input[type='radio'][id='slug_tier_1']").attr("checked", true); 

Oder

$("input[type='radio'][name='slug']").attr("checked", true); 

Answer 2

<a class="btn">button</a> 
<input type="radio" class="radio"> 

$(".btn").click(function(){ 
    $(".radio").prop("checked", true); 
}); 

Answer 3

Ihr Code sieht gut aus. Probieren Sie dies und überprüfen Sie in der Konsole. Es können mehrere Elemente gleichen ids

$(document).ready(function() { 
    console.log($("#payment")); 
    $("#payment").click(function(event) { 
    console.log($("input:radio[name=slug_tier_1]")); 
    }) 
}); 

prüfen, wenn es ein einzelnes Element oder mehrere Elemente gibt sowohl für #payment oder $("input:radio[name=slug_tier_1]")

Try und Antworten