2016-05-01 4 views
-4

私はこのようなhtmlページを持っています。多くのdivの中にラジオボタンがあります。 JavaScriptやjQueryで値を取得するにはどうすればよいですか?javascriptまたはjqueryでこのhtmlページのラジオボタンの値を取得するにはどうすればよいですか?

<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

を使用してこれはコード作成サービスではありません。参照:[ask]。試しに試してみたら、あなたのコードで質問を更新してください。そうでなければ、他の人があなたのためにすべての仕事をしてくれるように見えます。 – charlietfl

+1

[jQueryの選択されたラジオボタンの値を取得する](http://stackoverflow.com)/questions/8622336/jquery-get-selected-radio-button) – Turnip

答えて

1

あなたは、クリックイベント

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

で自分の価値観を得ることができます

$('input[name=name_of_your_radiobutton]:checked').val(); 
これを試してみてください
0

そこにはjavascriptを示すがありません...ので、あなたは何を試してみました?jQueryの

$('input[name=tantargy1-tanar1]:checked').val(); 
関連する問題