`

如何实现点击单选框后面的文字来进行选择

 
阅读更多
<input type="radio" name="radio_test" id="radio_test" checked="checked" />
<label for="radio_test">TEST</label>
<br/>
<input type="radio" name="radio_test" id="radio_test1" >
<label for="radio_test1">TEST1</label>

label里面的for属性,这样就让label关联到radio上去,点击label就等于点击了id为radio_test的radio元素。
分享到:
评论

相关推荐

    JQuery SELECT单选模拟jQuery.select.js

    jQuery Select单选模拟插件是一个功能强大且易于使用的工具,它解决了传统下拉选择框在Web设计中的局限性,使得开发者可以创建更加美观和符合用户交互习惯的下拉选择功能。通过对原生select的模拟以及对显示方式的...

    使用CSS3美化HTML表单的技巧演示

    在这个案例中,它被用于选中单选框后面的`label`元素。示例如下: ```css input[type="radio"] + label { display: inline-block; background-color: #ccc; cursor: pointer; padding: 5px 10px; } ``` 这段...

    《程序天下:JavaScript实例自学手册》光盘源码

    10.2 单击文字实现单选框的选定 10.3 被选中的复选框求和 10.4 复选框组选 10.5 复选框分组全选 10.6 复选框和文本框的联动效果 10.7 单击任意单元格都能自动选中复选框 10.8 调用复选框后面的文字 10.9 两个...

    程序天下:JavaScript实例自学手册

    10.2 单击文字实现单选框的选定 10.3 被选中的复选框求和 10.4 复选框组选 10.5 复选框分组全选 10.6 复选框和文本框的联动效果 10.7 单击任意单元格都能自动选中复选框 10.8 调用复选框后面的文字 10.9 两个...

    小刀娱乐网源码2018版 v4.17.rar

    在选中复选框或单选框时,为了增加鼠标点选的方便性,点击其后面的文字同样能够起到选择复选框或单选框的作用。 4、弹窗对话框: 弹窗对话框是系统对管理员做出操作的回应,通常情况下可点击弹窗对话框上面的确定...

    css笔记课程笔记2019,5,22

    ** 使用标签把要操作的数据包起来,通过修改标签的属性值来实现标签内数据样式的变化 *** &lt;font size="5"&gt;&lt;/font&gt; 2、图像标签 图片的路径"/&gt; ** 通过html访问本地图片,使用绝对路径,目前有问题 3、...

    word小技巧

    如果你需要在Word 2003中删除选择题后面括号内的答案,可以通过以下步骤实现:首先按“Ctrl+H”组合键打开“替换”对话框,然后在“查找内容”框中输入“(^$)”,在“替换为”框中输入“()”(括号中间有空格)...

    dcl驱动程序PPT学习教案.pptx

    6. **单选按钮** (`radio_button`):一组中只能选择一个的按钮。 7. **滑动条** (`slider`):通过滑动改变数值。 8. **切换开关** (`toggle`):开关状态的切换,通常用于开启或关闭某种功能。 以`button`为例,它的...

    jQuery基本选择器(实例及表单域value的获取方法)

    在示例中,我们通过这些选择器设置了表单元素的初始状态,如文本框和密码框的初始值、单选按钮和复选框的选中状态、文件域的提示文字、图像域的图片源、隐藏域的值、按钮的文字以及提交和重置按钮的文字。...

    PT80-NEAT开发指南v1.1

    NEAT 开 发 指南 文档 适用于 PT80 系列 移动数据终端 版本记录 版本号 版本描述 发布日期 V 1.0 初始版本。 2012-04-12 V1.1 修改前三章内容 2012-09-25 目录 第一章 关于本手册.....................................

    2013计算机二级(VB)考试机试题库.doc

    - If...Then...Else语句:用于实现条件判断,只有当条件满足时,才会执行Then后面的代码。 - 逻辑运算符And:在VB中,And运算符用于组合两个条件,如果两个条件都为真,结果才为真。 4. 数组与循环: - 单选按钮...

    HTML5 CSS3 JavaScriptWeb前端开发自测试卷5.pdf

    JavaScript中,合法的标识符必须以字母、下划线(_)或美元符号($)开头,后面可以跟字母、数字或下划线。 【选择题解析】 1. HTML5编程通常不使用Dreamweaver,因为它是用于传统HTML的,但其他选项都是可以编写HTML5...

    Android入门

    4. **单选按钮(RadioButton)和复选框(CheckBox)的功能与用法** - 单选按钮用于互斥的选择。 - 复选框用于多选。 5. **状态开关按钮(ToggleButton)和开关(Switch)的功能与用法** - 开关状态切换。 - Switch更...

    flash shiti

    隐藏被选择对象的外框轮廓 □ C. 隐藏被选择对象的填充区域 □ D. 隐藏被选择对象的线条 7. 当Flash 导出较短小的事件声音(例如按钮单击的声音)时,最适合的压缩选项是: □ A. ADPCM 压缩选项 □ B. MP3 压缩...

    管理员登录的设置步骤及代码解释.pptx

    除了文本域和密码框,还有其他控件,如单选按钮(`radio`)、复选框(`checkbox`)和下拉菜单(`select`)等,它们都有各自的`type`属性值。熟练掌握这些控件的HTML代码对于创建交互式网页至关重要。 完成以上步骤后,...

    C# for CSDN 乱七八糟的看不懂

    } 每个 case 后面,必须有 break 或者 goto,不允许贯穿。 Goto goto 语句将程序控制直接传递给标记语句。 for (int i = 0; i ; i++) for (int j = 0; j ; j++) if (myArray[i,j].Equals(myNumber)) goto Found; ...

    计算机考试

    - 如果菜单命令后面有省略号(…),则表示系统需要用户进一步的信息才能执行该命令,这通常是通过弹出对话框来实现的。 6. **打印机驱动程序安装** - 若新安装的打印机与已有的打印机兼容,则无需再次安装驱动...

Global site tag (gtag.js) - Google Analytics