更大的无线电选择区域

Question

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

我希望整个<span>可点击,而不仅仅是无线电输入.我如何用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;
});