我正在使用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>