jquery - 更大的 radio 选择范围

Question

<span>
   <img src="img/icon.png" alt="" />
   <label><input type="radio" name="" /> Label here</label>
</span>

我想要整个<span>可点击，而不仅仅是 radio 输入。我如何使用 jQuery 做到这一点？

Answer 1

嗯，最简单的解决方案是将所有内容包装在 <label> 内标签，像这样:

<label for="foo">
    <img src="img/icon.png" alt="" />
    <input type="radio" name="" id="foo" />
</label>

当您指定for时属性到标签，和id相同到该字段，标签变得可点击，并将激活相应的输入。

但是，如果您出于某种原因需要在 jQuery 中执行此操作，那么这应该可行:

$('span').click(function() {
    $(this).find('input').click();
    return false;
});