如何使用jQuery获取选中单选按钮的值
How to get value of selected radio button with jQuery
我正试图将所选单选按钮的值赋予元素.active-color
。
active-color
中的文本应更改为选定的单选按钮。我错过了什么?
HTML
<div class="swatch">
<div class="swatch-element schwarz">
<div class="tooltip">Schwarz</div>
<input id="schwarz" type="radio" name="properties[Farbe]" value="Schwarz" data-image="url({{ 'schwarz.jpg' | asset_url }})" checked="checked">
<label for="schwarz"></label>
</div>
<div class="swatch-element weiss">
<div class="tooltip">Weiss</div>
<input id="weiss" type="radio" name="properties[Farbe]" value="Weiss" data-image="url({{ 'weiss.jpg' | asset_url }})">
<label for="weiss"></label>
</div>
<div class="swatch-element chamois">
<div class="tooltip">Chamois</div>
<input id="chamois" type="radio" name="properties[Farbe]" value="Chamois" data-image="url({{ 'chamois.jpg' | asset_url }})">
<label for="chamois"></label>
</div>
</div>
<span class="active-color"></span>
以及函数:
jQuery('.active-color').text($(".swatch input:checked").val());
可以是类名swatch
,应该是swatch-element
jQuery('.active-color').text($(".swatch-element input:checked").val());
演示:Fiddle
您在swatch
下查找输入,但它是swatch-element
所以改变低于线
jQuery('.active-color').text($(".swatch input:checked").val());
至
jQuery('.active-color').text($(".swatch-element input:checked").val());
使用这个你使用了错误的类名swatch
它应该是swatch-element
jQuery('.active-color').text($(".swatch-element input:checked").val());
相关文章:
- 使用按钮和单选按钮提交表单,但始终使用相同的值
- 如何使用单选按钮设置cookie值
- 如何使用jQuery从DOM中删除所有单选按钮元素
- 使用提交按钮隐藏未选中的单选按钮
- 将 checkedValue 绑定与单选按钮一起使用
- Angularjs单选按钮未使用名称进行选择
- 如何将 NGROUTE 与用于更改视图的单选按钮一起使用
- 其他单选按钮在使用 Javascript 函数根据 if 语句选择某些单选按钮后不可单击
- 单选按钮值使用 Ajax PHP MySQL 发送
- 如何根据最后选择的选项(单选按钮)使用 javascript 隐藏表单输入
- 如何读取是否选中单选按钮并使用 JavaScript 将其另存为 1
- 单选按钮如何使用函数中确定的值预先选择值
- ReactJS:如何在单选按钮中使用布尔值
- 将if-else语句与javascript中的单选按钮一起使用
- 如何从mysql中获取结果,并在单击单选按钮时使用jquery进行显示
- 选中单选按钮,使用用户输入javascript执行数学表达式
- 单选按钮在使用引导手风琴时不能与数据切换一起工作
- 通过单选按钮更改使用JavaScript显示的图像
- 将Jquery与单选按钮一起使用
- 在单选按钮上使用jQuery live方法