jquery – 单击DIV时检查单选按钮

我正在使用PHP / jquery写一个测验应用程序.答案选择包含如下：

<ul id="answers"> 
    <li> 
        <div> 
        <input type='radio' name='answer_id' value='313'> True
        </div> 
    </li> 
    <li> 
        <div> 
        <input type='radio' name='answer_id' value='314'> False
        </div> 
    </li> 
</ul>

在样式w / css之后,这些答案出现在容器中,每行一个答案.每个答案在容器内都有自己的盒子.我希望用户能够单击个人答案div中的任何位置,并且选中收音机.

当用户使用jquery单击单选按钮的容器div时,如何激活单选按钮？

解决方法

而不是使用jQuery,这可以使用 <label>元素在本机HTML中完成. Here is a sample它在行动.

<ul id="answers"> 
        <li> 
                <label> 
                    <input type='radio' name='answer_id' value='313'> True
                </label> 
        </li> 
        <li> 
                <label> 
                    <input type='radio' name='answer_id' value='314'> False
                </label> 
        </li> 
</ul>