如何在单击时输出我的单选按钮值
如何在单击时输出我的单选按钮值
提问于 2011-08-06 02:17:45
我对javascript很不在行。我的问题是，单击时如何显示单选按钮的值？
我有这样的代码：
<tr><td width="10px"></td><td width="60%">Neatness</td>
<td width="40%">
<input name="neat" type="radio" class="hover-star" value="1" title="Poor"/>
<input name="neat" type="radio" class="hover-star" value="2" title="Fair"/>
<input name="neat" type="radio" class="hover-star" value="3" title="Satisfactory"/>
<input name="neat" type="radio" class="hover-star" value="4" title="Outstanding"/>
</td></tr>假设当我的第一个单选按钮显示1左右时..我如何才能做到这一点？或者更好的是，有人知道如何在jquery中做到这一点。
回答 5
Stack Overflow用户
回答已采纳
发布于 2011-08-06 02:23:44
给你..。
$('.hover-star').click(function (){$('#someDiv').text($(this).val());Stack Overflow用户
发布于 2011-08-06 02:19:31
使用jQuery类选择器并附加到单击事件：
$('.hover-star').click(function () {
alert($(this).val());
}这是a working jsFiddle fiddle。
或者，您可以附加到change事件。
$('.hover-star').change(function () {
alert($(this).val());
}看一看jQuery selectors documentation.
Stack Overflow用户
发布于 2011-08-06 02:19:33
使用jQuery，您可以将click事件绑定到任何具有hover-star类的元素，并使用val方法获取该值。这将在任何单选按钮被单击时触发(即使选择没有更改)：
$(".hover-star").click(function() {
var selectedVal = $(this).val();
});您还可以使用change事件，只要选定的单选按钮发生更改，就会触发该事件：
$(".hover-star").change(function() {
var selectedVal = $(this).val();
});你说你想要“显示”单选按钮的值，但是由于你没有提供更多的细节，所以很难说你想在哪里显示它！但原理将与我上面所展示的相同-在事件处理函数中，您可以对该值执行任何需要的操作。
基于注释的更新
当您希望将值放入div中时，只需在change事件处理程序中执行此操作：
$("#yourDivId").text($(this).val());页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6960839
复制相关文章
相似问题
腾讯云开发者
