獲取一個jQuery UI buttonset當前選定的單選按鈕，而不結合點擊

Question

我有這樣的單選按鈕：

<div id="radio"> 
    <input type="radio" id="radio1" name="radioOption" /><label for="radio1">Choice 1</label> 
    <input type="radio" id="radio2" name="radioOption" checked="checked" /><label for="radio2">Choice 2</label> 
    <input type="radio" id="radio3" name="radioOption" /><label for="radio3">Choice 3</label> 
</div> 

，並應用按鈕設置是這樣的：

$(function() { 
    $("#radio").buttonset(); 
}); 

我需要獲取所選的單選按鈕而不綁定到單擊事件。

Answer 1

媽剛剛意識到我selecter有一個錯字，但如果它可以幫助別人：

如果你不想使用click事件，我沒有，你可以做到以下幾點：如果你 尋找元素其自用：

$("#radio :radio:checked"); 

如果你正在尋找的元素使用的ID：

$("#radio :radio:checked").attr('id'); 

如果你需要知道什麼值的文本選擇那麼這應該工作：

$("#radio :radio:checked + label").text(); 

Answer 2

試試這個

$("input:radio[name=radioOption]").click(function(){ 
     var value = $(this).attr("id"); 
     alert(value); 
}) 

Example

Answer 3

依我之見，沒有對jQuery UI的buttonset這樣的事件。你可以看到here。

你需要編寫手冊的jQuery綁定象下面這樣：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#radio").buttonset(); 
     $("#radio input").bind("click",function(){ 
       // do whatever you want to do with clicked button 
    }); 
}); 
</script> 

Answer 4

當我在一個按鈕，我稱之爲功能點擊，它需要的參數從buttonSet：

$("#button").click(function() 
{ 

var params = $("input[name=radio]:checked").val(); 
alert(params); 

}); 

在你的情況下，如果你這樣做，我認爲它應該工作：

var params = $("input[name=radioOption]:checked").val(); 

Answer 5

只需添加value在致敬每input如下：

<div id="radio">   
    <input type="radio" id="radio1" name="radioOption" checked="checked" value="first"/><label for="radio2">Choice 2</label> 
    <input type="radio" id="radio2" name="radioOption" value="second"/><label for="radio3">Choice 3</label> 
    <input type="radio" id="radio3" name="radioOption" value="third"/><label for="radio3">Choice 3</label> 
</div>