2016-05-01 11 views
-4

Ich habe eine HTML-Seite wie folgt. Es gibt Radioknöpfe in vielen Divs. Wie kann ich ihre Werte mit JavaScript oder jQuery bekommen?Wie bekomme ich Radio Button Wert in dieser HTML-Seite mit Javascript oder jquery?

<html> 
 
    <head> </head> 
 
    <body> 
 
    <div id="container"> 
 
     <div id="surveyContainer"> 
 
     <div class="optionsContainer"> 
 
      <div class="imgAnsContainer"> 
 
      <div class="asnwers"> 
 
       <div class="radioContainer"> 
 
       <div class="radioWrap"> 
 
        <input name="tantargy1-tanar1" value="0" type="radio"> 
 
        <label>0-20%</label> 
 
       </div> 
 
       <div class="radioWrap"> 
 
        <input name="tantargy1-tanar1" value="1" type="radio"> 
 
        <label>20-80%</label> 
 
       </div> 
 
       <div class="radioWrap"> 
 
        <input name="tantargy1-tanar1" value="2" type="radio"> 
 
        <label>80-100%</label> 
 
       </div> 
 
       </div> 
 
      </div> 
 
      </div> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </body> 
 
</html>

+3

Es gibt keine Javascript gezeigt ... so was haben Sie versucht? Dies ist kein Code-Schreibdienst. Siehe: [fragen]. Wenn Sie Versuche unternommen haben, aktualisieren Sie bitte die Frage mit Ihrem Code, ansonsten sieht es so aus, als wollten Sie, dass andere Ihre Arbeit für Sie erledigen. – charlietfl

+1

Mögliches Duplikat von [jQuery erhalten Wert des ausgewählten Optionsfeldes] (http://stackoverflow.com/questions/8622336/jquery-get-value-von-selected-radio-button) – Turnip

Antwort

1

Sie können diese Ihre Werte mit Click-Ereignis

var radios = document.querySelectorAll('[type=radio]'); 
 
if (radios) { 
 
    for (var i = 0; i < radios.length; i++) { 
 
    radios[i].addEventListener('click', function() { 
 
     alert(this.value); 
 
    }, false); 
 
    } 
 
}
<html> 
 

 
<head></head> 
 

 
<body> 
 
    <div id="container"> 
 
    <div id="surveyContainer"> 
 
     <div class="optionsContainer"> 
 
     <div class="imgAnsContainer"> 
 
      <div class="asnwers"> 
 
      <div class="radioContainer"> 
 
       <div class="radioWrap"> 
 
       <input name="tantargy1-tanar1" value="0" type="radio"> 
 
       <label>0-20%</label> 
 
       </div> 
 
       <div class="radioWrap"> 
 
       <input name="tantargy1-tanar1" value="1" type="radio"> 
 
       <label>20-80%</label> 
 
       </div> 
 
       <div class="radioWrap"> 
 
       <input name="tantargy1-tanar1" value="2" type="radio"> 
 
       <label>80-100%</label> 
 
       </div> 
 
      </div> 
 
      </div> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</body> 
 

 
</html>

0

Versuchen erhalten

$('input[name=name_of_your_radiobutton]:checked').val(); 
0

Mit JQuery

$('input[name=tantargy1-tanar1]:checked').val();