如何在點擊時輸出我單選按鈕的值

我很喜歡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中的鏈接，它在那裏工作！^_ ^。感謝您的鏈接。已經將其書籤 –

如何在點擊時輸出我單選按鈕的值

回答

相關問題