单击DIV时检查单选按钮

Question

我正在使用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时,如何激活单选按钮检查？

Answer 1

而不是使用jQuery,这可以使用<label>元素在本机HTML中完成. 这是一个实际的样本.

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