रेडियो बटन से JQuery परिवर्तन मूल्य

Question

मेरे पास category नामक एक चर है जिसे चयनित रेडियो बटन के अनुसार अपना मान बदलना चाहिए। समस्या यह है कि मुझे रेडियो बटन या किसी अन्य के क्लिक पर यह नहीं मिलता है, तो मूल्य तुरंत बदल जाएगा।

<form> 
<input type="radio" name="category" value="doctor" /> Doctor 
<input type="radio" name="category" value="police" checked /> Policia 
</form> 

var category = $('[name="category"]:checked').val(); 

मैं जब आप रेडियो बटन पर क्लिक करें आप स्वचालित रूप से चर category का मूल्य बदलने की जरूरत:

इस कोड को मेरे पास है।

var category; 

    $('radio[name="category"]').click(function(){ 
     category=this.value; 
    }); 

Answer 1

आप श्रेणी का मूल्य हर बार एक उपयोगकर्ता चयनित रेडियो बटन में परिवर्तन बदलने की जरूरत है। इसलिए जब उपयोगकर्ता रेडियो पर क्लिक करता है तो आपको ट्रिगर करने के लिए एक ईवेंट की आवश्यकता होगी। आप देख सकते हैं FIDDLE

var category = null; 
$("input[name='category']").click(function() { 
    category = this.value; 
}); 

Answer 2

मैं आप बस कुछ इस तरह की जरूरत है। अन्यथा आप या click ईवेंट का उपयोग checked रेडियो बटन मान category चर सेट करने के लिए कर सकते हैं।

Answer 3

इसके बजाय भी आप की जाँच रेडियो बटन का मूल्य चाहते category चर उपयोग $('[name="category"]:checked').val() का उपयोग करने का

:

Answer 4

change घटना के लिए एक ईवेंट हैंडलर संलग्न करें:

$(':radio[name="category"]').change(function() { 
    var category = $(this).filter(':checked').val(); 
}); 

Answer 5

आदेश में एक रेडियो बटन के लिए परिवर्तन घटना पर कब्जा करने में .change() का उपयोग करें।

Answer 6

var category; 
    $(':radio[name="category"]').change(function() { 
     category=this.value; 
    }); 

और यह jsfiddle.net डेमो है। अब भी वही

<form> 
    Option 1<input type="radio" name="opt" id="radio" value="Option 1"> 
    Option 2<input type="radio" name="opt" id="radio" value="Option 2"> 
</form> 

और अपने कोड और:

Answer 7

आप एक से अधिक तत्व के लिए एक ही आईडी नहीं देना चाहिए, आप वर्ग के बजाय इस तरह का उपयोग करना चाहिए:

<form> 
    Option 1<input type="radio" name="opt" class="radio" value="Option 1"> 
    Option 2<input type="radio" name="opt" class="radio" value="Option 2"> 
</form> 

बजाय

यह ठीक काम करना चाहिए :)