परिवर्तन फ़ील्ड मान जब चयन रेडियो बटन

Question

मैं छिपा इनपुट फ़ील्ड का मान परिवर्तित करना चाहते हैं जब रेडियो बटन चयनित:

<input type="radio" name="r1" value="10" />10 
    <br/> 
    <input type="radio" name="r1" value="45" />45 
    <br/> 
    <input type="hidden" name="sum" value="" /> 

उदाहरण के लिए जब एक बटन है कि मूल्य को छिपी हुई फ़ील्ड परिवर्तन के मूल्य पर उपयोगकर्ता क्लिक ।

Answer 1

onClick संपत्ति का उपयोग करें:

<input type="radio" name="r1" value="10" onClick="document.getElementById('hidfield').value=this.value"/>10 
    <br/> 
    <input type="radio" name="r1" value="45" onClick="document.getElementById('hidfield').value=this.value"/> 
    45 
    <br/> 
    <input type="hidden" name="sum" value="" id="hidfield" /> 

Answer 2

रेडियो बटन "आर 1" के लिए ऑनक्लिक घटना में हुक। आम तौर पर मैं एक्सचेंज इवेंट का सुझाव दूंगा लेकिन आईई में इसे तब तक नहीं निकाल दिया जाता जब तक कि उपयोगकर्ता रेडियो बटन को "ब्लर्स" नहीं करता।

यदि आप jQuery जैसे ढांचे का उपयोग कर रहे हैं, तो घटनाओं में एक अच्छा अमानवीय तरीके से हुक करें ... लेकिन यदि आप त्वरित एन गंदे समाधान चाहते हैं, तो बस इनलाइन ईवेंट जोड़ें।

<input type="radio" name="r1" value="10" onclick="doIt(this);"/>10 
<br/> 
<input type="radio" name="r1" value="45" onclick="doIt(this);"/>45 
<br/> 
<input type="hidden" name="sum" value="" /> 

<script> 
    function doIt(obj){ 
    //alert('my value is now: ' + obj.value); 
    obj.form.elements['sum'].value = obj.value;//set hidden field to radio value 
    } 
</script> 

Answer 3

आप तो फिर जब प्रत्येक रेडियो पर उपयोगकर्ता क्लिक हम एक ही शुरुआत के साथ विभिन्न आईडी से इसे संभाल उदाहरण

<input type="radio" id="radio1r1" name="r1" value="10" />10 
<br/> 
<input type="radio" id="radio2r1" name="r1" value="45" />45 
<br/> 
<input type="hidden" name="sum" value="" /> 

jQuery("input[id^='radio']").click(function() { 
    jQuery("input[name='sum']").val(jQuery(this).val()); 
} 

के लिए कोशिश कर सकते हैं।

Answer 4

jQuery का उपयोग करना यह होगा:

$(":radio").click(function() { 
    var inputValue = $this.val(); 
    $(":hidden[name='sum']").val() = inputValue; 
$(":hidden[name='sum']").name() = "lalala"; 
    }); 

मुझे लगता है कि कोड की जाँच की डबल नहीं किया है, तो यह एक छोटे से फेरबदल की आवश्यकता हो सकती।