2008-10-02 20 views
5

जावास्क्रिप्ट के साथ रेडियो इनपुट के समूह में चेक किए गए विकल्प को कैसे प्राप्त करें?जावास्क्रिप्ट के साथ रेडियो इनपुट के समूह में चेक किए गए विकल्प को कैसे प्राप्त करें?

+0

क्या क्या आप के लिए विकल्प का उपयोग करना चाहते हैं? -) Torbjørns ans wer मान देता है, जो ज्यादातर स्थितियों में पर्याप्त होगा, लेकिन कभी-कभी अन्य चीजों को करना संभव हो सकता है ... – roenving

+0

मुझे लगता है कि उसका मतलब मूल्य है .... –

उत्तर

10
<html> 
    <head> 
    <script type="text/javascript"> 
     function testR(){ 
     var x = document.getElementsByName('r') 
     for(var k=0;k<x.length;k++) 
      if(x[k].checked){ 
      alert('Option selected: ' + x[k].value) 
      } 

     } 
    </script> 
    </head> 
    <body> 
    <form> 
     <input type="radio" id="r1" name="r" value="1">Yes</input> 
     <input type="radio" id="r2" name="r" value="2">No</input> 
     <input type="radio" id="r3" name="r" value="3">Don't Know</input> 
     <br/> 
     <input type="button" name="check" value="Test" onclick="testR()"/> 
    </form> 
    </body> 
</html> 
+0

लेकिन तत्व प्राप्त करने के लिए document.all का उपयोग करना एक है खराब अभ्यास क्योंकि यह केवल कुछ ब्राउज़रों में काम करता है, मानक दस्तावेज़ का उपयोग करें .getElementsByName इसके बजाए! -) – roenving

+0

आप सही हैं ... लेकिन मुझे लगता है कि डैनियल को यह विचार मिला। वैसे भी, मैंने "document.all" को "document.getElementsByName" में बदल दिया – leoinfo

2

आप वास्तविक तत्व और न सिर्फ चयनित मान की जरूरत है, इस प्रयास करें:

function findSelected(){ 
    for (i=0;i<document.formname.radioname.length;i++){ 
    if (document.formname.radioname[i].checked){ 
     return document.formname.radioname[i]; 
    } 
    } 
} 
0

सामान्य कार्य (शिथिल तुम्हारा के आधार पर)

function getRadioGroupSelectedElement(radioGroupName) { 

    var radioGroup = document.getElementsByName(radioGroupName); 
    var radioElement = radioGroup.length - 1; 
    for(radioElement; radioElement >= 0; radioElement--) { 
     if(radioGroup[radioElement].checked){ 
      return radioGroup[radioElement]; 
     } 
    } 
    return false; 
} 



function getRadioGroupSelectedValue(radioGroupName) { 

    var selectedRadio = getRadioGroupSelectedElement(radioGroupName); 
    if (selectedRadio !== false) { 
     return selectedRadio.value; 
    } 
    return false; 
} 
संबंधित मुद्दे