क्लिक करने के लिए

Question

मैं इस तरह रेडियो बटन है बंधन के बिना एक jQuery ui buttonset में वर्तमान में चयनित रेडियो बटन प्राप्त करें:

<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 लिखने में कोई त्रुटि थी, लेकिन यह किसी और में मदद करता है, तो:

आप क्लिक करें घटना है, जो मैं आप निम्न कर सकता है नहीं किया उपयोग करना चाहते हैं न, तो: यदि आप तत्व यह स्वयं के उपयोग के लिए की तलाश में:

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

आप तत्व उपयोग की आईडी के लिए देख रहे हैं:

$("#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 देख सकते हैं।

<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); 

}); 

आपके मामले में अगर

आप नीचे दिए गए की तरह मैनुअल jQuery बाँध लिखने की ज़रूरत आप इस, मुझे लगता है कि यह काम करना चाहिए:

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>