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

我很喜欢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中做到这一点。

来源

2011-08-05 The mountain is calling..

你想这样的：http://jsfiddle.net/rathoreahsan/UpKs5/ –

你在这里...

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

来源

2011-08-05 18:23:44 Rap

使用jQuery的类选择器，连接到单击事件：

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

这里的a working jsFiddle fiddle。

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

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

看看在jQuery selectors documentation.

来源

2011-08-05 18:19:30

喜全，对不起我的反应迟缓。尝试了所有的代码，但它不会抛出任何东西。但是当我尝试jsFiddle.net中的Ahsan Rathod链接时，它在那里工作。所以也许我的错误是我仍然使用jQuery 1.5.2。将尝试下载最新的jquery 1.6.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());

来源

2011-08-05 18:19:32

对于迟到的回应感到抱歉。我试图把输出放在我的

中。 –

@Dean - 我已经更新了我的答案，向您展示如何将值放入'div'。 –

试试这个

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

来源

2011-08-05 18:21:34 ShankarSangoli

jQuery代码：

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

见演示：http://jsfiddle.net/rathoreahsan/wVa7c/

来源

2011-08-05 18:28:34

首先我尝试了你的代码，它不会抛出任何错误或警告框。所以我认为这一定是奇怪的，然后追溯回来我正在使用jQuery 1.5.2。也许这是问题所在。我已经下载了最新的jQuery，如果它能工作，它会再试一次。我也试过你在jsfiddle中的链接，它在那里工作！^_ ^。感谢您的链接。已经将其书签 –

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

回答

相关问题