überprüfen Sie den Eingang Radio auf dem Bild klicken

Question

Hier ist mein HTML:

<img src="img.jpg" class="img-ms-form"> 
<div class="radio"> 
    <label class="radio"><input type="radio" name="optradio-1" required>Option 1</label> 
</div> 

Ich versuche, den Radio-Button zu überprüfen, ob das Bild geklickt wird. Hier ist, was ich versucht habe:

$('.img-ms-form').click(function(){ 
    $(this).next('input[type=radio]').prop('checked', true); 
}); 

Aber das scheint nicht zu funktionieren, was mache ich falsch?

Answer 1

Verwenden .next() und .find() wie folgt: -

$('.img-ms-form').click(function(){ 
    $(this).next('div.radio').find('input[type="radio"]').prop('checked', true); 
}); 

Answer 2

$('.img-ms-form').click(function() { 
 
    $(this).next().find('input[type=radio]').prop('checked', true); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<img src="img.jpg" class="img-ms-form"> 
 
<div class="radio"> 
 
    <label class="radio"> 
 
    <input type="radio" name="optradio-1" required>Option 1</label> 
 
</div> 
 
I'm trying to check the radio button if the image is clicked. Here's what I've tried:

1. Radio ist nicht so Geschwister Sie kippe verwenden nur .next('input[type=radio]')
2. Verwenden .next() mit .find()

Answer 3

Entschuldigung, ich bin sehr spät. Nur, es zu tun mit reinen HTML, können Sie diese verwenden:

<label for="optradio-1"><img src="img.jpg" class="img-ms-form" /></label> 
 
<div class="radio"> 
 
    <label class="radio"><input type="radio" name="optradio-1" id="optradio-1" required>Option 1</label> 
 
</div>