找到單選按鈕的值

-1

我想獲取所選單選按鈕的值。找到單選按鈕的值

當沒有收音機被選中時，它顯示未定義正確。但是，當我點擊任何單選按鈕時，它也顯示未定義。

我該如何在JavaScript或jQuery中做到這一點。

HTML代碼：

<div id="rates"> 
<input type="radio" class="demo" id="r1" name="rate" value="Fixed Rate"> Fixed Rate 
<input type="radio" class= "demo"id="r2" name="rate" value="Variable Rate"> Variable Rate 
<input type="radio" class="demo" id="r3" name="rate" value="Multi Rate"> Multi Rate  
</div>

JS：

console.log($('.demo:selected').val());

小提琴：http://jsfiddle.net/eLJ4s/1/

來源

2014-02-21 user3271762

不幸的是，您的鏈接已損壞。將標題放在括號內，鏈接在括號內。 – ltalhouarne

我發佈了代碼.. – user3271762

爲什麼你的代碼除了onload之外什麼都不做？您沒有編寫任何代碼在任何事件點擊或更改時觸發。 – j08691

您需要註冊一個change事件，您目前console.log只有在運行時，沒事的時候被檢查：

$(":radio[name=rate]").change(function() { 
    console.log(this.value); 
});

來源

2014-02-21 01:03:03 tymeJV

我可以根據我的代碼在帖子中進行工作演示。 – user3271762

將此代碼粘貼到您的代碼中，它會工作。 @ user3271762 – tymeJV

而不是獲取值，我如何找到屬性值..例如，我在我的代碼中使用save-id屬性？我怎樣才能得到這個save-id屬性的值。用你的答案我做到了。但是，它顯示未定義。 $（「：radio [name = rate]」）。change（function（）{ console.log（this）.attr（'save-id'）; }）; – user3271762

試試這個是這樣的..

$('#element').click(function() { 
    if($('#radio_button').is(':checked')) { alert("it's checked"); } 
});

你不得不復選框的click事件綁定，作爲變更事件不會在IE瀏覽器。

$('#radio_button').click(function(){ 
    // if ($(this).is(':checked')) alert('is checked'); 
    alert('check-checky-check was changed'); 
});

現在，當您以編程方式更改的狀態，你必須要觸發這個事件也：

$('#radio_button').attr("checked", "checked"); 
$('#radio_button').click();

來源

2014-02-21 01:12:26 Kapil

working demo pls .. – user3271762

你可以改變你的代碼的下方。因此是樣本

工作樣本：

select-a-radio-button-with-jquery

check-if-radio-button-is-checked

來源

2014-02-21 01:19:34 Kapil

$(function(){ 
    $("input[type='radio']").change(function(){ 
    alert($(this).val());   
    }); 
});

來源

2014-04-21 08:57:41 harish

找到單選按鈕的值

回答

相關問題