如何通过单击选项而不是实际按钮本身来选择单选按钮
how to select a radio button by clicking on an option and not the actual button itself
假设我有以下三个选项,每个选项旁边都有一个单选按钮
- 伦敦
- 纽约
- 迪拜
我需要jQuery,当用户单击单选按钮选择的单词时!
这是HTML中的内置功能,因此不需要JavaScript。只需像这样使用 label
标记:
<label><input type="radio"> London</label>
<label><input type="radio"> New York</label>
<label><input type="radio"> Dubai</label>
两种方式:
-
<label for="london"><input type="radio" id="london"> London</label>
.
使用类似于label
的for
属性 radio
的id
。
-
<label><input type="radio" > London</label>
将radio
放在label
内。
非常基本的HTML
。
您可以使用标签标签:
<input id="emptyacct" type="radio" name="account" value="radiobutton" />
<label for="emptyacct">Yes </label>
这只是HTML;)
<input id="input_london" type="radio" name="london" value="radiobutton" />
<label for="input_london">London</label>
<input id="input_ny" type="radio" name="ny" value="radiobutton" />
<label for="input_ny">New York</label>
...
相关文章:
- 多个单选按钮组相互干扰
- 是否可以禁用jquery中的单个单选按钮
- Javascript:无法获取变量中的单选按钮值
- 通过ajax到php文件获取单选按钮值
- 互斥单选按钮和相应的输入字段
- 用于选择MVC3中单选按钮值的JavaScript
- 如何获取单选按钮的多个实例的选定单选按钮值
- react testUtils模拟点击单选按钮而不触发onchange
- 当选择组中的单选按钮时,jQuery addClass
- Angularjs无法将单选按钮与嵌套范围内的模型绑定
- 客户端单选按钮列表验证
- Javascript:图像与单选按钮的值不匹配
- 如何在Javascript中将单选按钮值保存到cookie中
- 单击时如何更改单选按钮的CSS
- 使用按钮和单选按钮提交表单,但始终使用相同的值
- 注入Javascript以选择具有指定值的所有单选按钮
- 复选框/单选按钮-添加所选项目的总价
- 如何使用单选按钮设置cookie值
- Html按钮点击事件未触发单选按钮
- onClick() 按钮 单选按钮值不会更改我们的 JS