जावास्क्रिप्ट के माध्यम से रेडियो बटन

Question

पर ईवेंट श्रोता संलग्न करें मेरे पास एक ही नाम के साथ कई रेडियो बटन हैं। इस तरह:

<form name="formA"> 
<input type="radio" name="myradio" value="A"/> 
<input type="radio" name="myradio" value="B"/> 
<input type="radio" name="myradio" value="C"/> 
<input type="radio" name="myradio" value="D"/> 
</form> 

अब मुझे सभी रेडियो बटनों पर जावास्क्रिप्ट के माध्यम से ईवेंट श्रोता जोड़ना होगा। तो नीचे स्यूडोकोड गलत है, तो कृपया मुझे बताओ कैसे है-

var radios = document.forms["formA"].elements["myradio"]; 
    for(radio in radios) { 
    radio.onclick = function() { 
     alert(radio.value); 
    } 
} 

Answer 1

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

for(radio in radios) { 
    radios[radio].onclick = function() { 
     alert(this.value); 
    } 
} 

लेकिन आप हमेशा पाश एक नियमित रूप से साथ एक सरणी पाश गलती से बचने के लिए के लिए करना चाहिए कस्टम-वर्धित समेकित गुणों सहित:

var radios = document.forms["formA"].elements["myradio"]; 
for(var i = 0, max = radios.length; i < max; i++) { 
    radios[i].onclick = function() { 
     alert(this.value); 
    } 
} 

Answer 2

आप केवल एक श्रोता जोड़ सकते हैं जो व्यक्तिगत श्रोताओं की बजाय सभी रेडियो बटनों को सुनता है।

jQuery का उपयोग कर, आप इसे इस

$(document).ready(function(){ 
    $('input[type=radio]').click(function(){ 
     alert(this.value); 
    }); 
}); 

Demo

की तरह कर सकता है एक आईडी के साथ एक फार्म के भीतर ही रेडियो आईडी formA

$(document).ready(function(){ 
     $('#formA input[type=radio]').click(function(){ 
      alert(this.value); 
     }); 
    }); 

के साथ ही रेडियो के लिए myradio

$(document).ready(function(){ 
    $('input[type=radio]').click(function(){ 
     if (this.id == "myradio") 
      alert(this.value); 
    }); 
}); 

Demo

Answer 3

एक अच्छी शुरुआत है, लेकिन इस तरह for..in का उपयोग नहीं करते के रूप में यह सब गणनीय गुण से अधिक पुनरावृति रहेगा और यदि वे सभी तत्वों का प्रतिनिधित्व करते देखने के लिए जांचा नहीं है।

बहुत बेहतर

एक सूचकांक का उपयोग करें:

for (var i=0, iLen=radios.length; i<iLen; i++) { 
    radios[i].onclick = function() {...}; 
} 

Answer 4

for(var property in object) { ... } 

गुण को खोजने के लिए वस्तुओं को भी लूप में प्रयोग किया जाता है। सरणी के लिए आप पाश

for(var i=0; i< radios.length; i++) { 
    var radio = radios[i]; 
    .... 
}