Question

我在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中这样做。

Answer 1

使用jQuery类选择器并附加到click事件：

$('.hover-star').click(function () {
    alert($(this).val());
}

这是a working jsFiddle fiddle。

或者，您可以附加到更改事件。

$('.hover-star').change(function () {
    alert($(this).val());
}

查看jQuery selectors documentation.

Answer 2

使用jQuery，您可以将click事件绑定到具有类hover-star的任何元素，并使用val方法获取值。只要单击任何单选按钮（即使选择没有改变），这将触发：

$(".hover-star").click(function() {
   var selectedVal = $(this).val(); 
});

您还可以使用change事件，只要所选单选按钮发生更改，该事件就会触发：

$(".hover-star").change(function() {
   var selectedVal = $(this).val(); 
});

你说你想“显示”单选按钮的值，但由于你没有提供更多的细节，很难说你想要显示它的位置！但是原理将与我在上面所示的相同 - 在事件处理函数中，您可以使用该值执行任何操作。

根据评论

更新

由于您希望将值放入div，您只需在更改事件处理程序中执行此操作：

$("#yourDivId").text($(this).val());

Answer 3

试试这个

$('.hover-star').click(function () {
    alert($(this).val());
}

Answer 4

你去......

$('.hover-star').click(function (){$('#someDiv').text($(this).val());

Answer 5

Jquery COde：

$(".hover-star").change(function() {
   var selectedVal = $(this).val();
   alert(selectedVal);
});

请参阅演示：http://jsfiddle.net/rathoreahsan/wVa7c/

单击时如何输出单选按钮的值

5 个答案: