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

我对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中执行此操作。

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

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

给你

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

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

---

查看

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

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

给你

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

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

---

使用jQuery查看，您可以将

单击
事件绑定到带有类
悬停星的任何元素，并使用
val
方法获取值。每当单击任何单选按钮时（即使选择没有更改），此选项都将触发：

您还可以使用
change
事件，该事件在所选单选按钮更改时触发：

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

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

根据评论更新

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

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

使用jQuery，您可以将
click
事件绑定到类为
hover star
的任何元素，并使用
val
方法获取值。每当单击任何单选按钮时（即使选择没有更改），此选项都将触发：

您还可以使用
change
事件，该事件在所选单选按钮更改时触发：

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

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

根据评论更新

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

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

试试这个

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

试试这个

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

给你

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

给你

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

Jquery代码：

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

请参见演示：
Jquery代码：

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

请参阅演示：
您想要这个吗：您想要这个吗：大家好，很抱歉我反应太晚。尝试了你所有的代码，但没有抛出任何东西。但是当我在jsFiddle.net中尝试Ahsan Rathod的链接时，它在那里工作。所以我的错误可能是我仍然在使用jQuery1.5.2。将尝试向所有人下载最新的jquery 1.6.2hi，很抱歉我的回复太晚。尝试了你所有的代码，但没有抛出任何东西。但是当我在jsFiddle.net中尝试Ahsan Rathod的链接时，它在那里工作。所以我的错误可能是我仍然在使用jQuery1.5.2。将尝试下载最新的jquery 1.6.2，以防延迟响应。我正试图将输出放入我的@Dean-我已经更新了我的答案，向您展示如何将值放入
div
。很抱歉响应太晚。我正在尝试将输出放入我的中。@Dean-我已更新了我的答案，以向您展示如何将值放入
div
。首先，我尝试了您的代码，它不会抛出任何错误或警报框。所以我认为这一定很奇怪，然后追溯到我使用的是jQuery1.5.2。也许这就是问题所在。我已经下载了最新的jquery，如果可以的话，我会再试一次。我也在JSFIDLE中尝试了你的链接，它在那里工作。谢谢你的链接。书签它已经准备好了我第一次尝试你的代码，它不会抛出任何错误或警告框。所以我认为这一定很奇怪，然后追溯到我使用的是jQuery1.5.2。也许这就是问题所在。我已经下载了最新的jquery，如果可以的话，我会再试一次。我也在JSFIDLE中尝试了你的链接，它在那里工作。谢谢你的链接。已将其添加为书签