Question

这是我的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>

如果单击图像，我正在尝试检查单选按钮。这是我尝试过的：

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

但这似乎不起作用，我做错了什么？

Answer 1

使用.next()和.find()，如下所示： -

$('.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:

广播不是兄弟，所以你不能只使用.next('input[type=radio]')
将.next()与.find()

Answer 3

对不起，我很迟。只需使用纯HTML 进行操作即可，您可以使用：

＆＃13;

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

＆＃13;

检查图像上的输入广播点击

3 个答案: