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>

相关文章

jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进...
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给...
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容性如图: ht...
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异...
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一...