2016-05-01 15 views
-1

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

あなたは再び尋ねていますか? [javascriptまたはjqueryでこのhtmlページのラジオボタンの値を取得する方法は?](http://stackoverflow.com/questions/36966914/how-can-i-get-radio-button-value-in-this-html -page-with-javascript-or-jquery) –

+2

投稿を二重にしないでください。あなたの他の質問の答えが気に入らない場合は、回答に時間がかかったことをユーザーに説明してください。 – Turnip

答えて

0
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 


<script> 
$(document).ready(function() 
{ 

$('input[type="radio"]').on("click",function(){ 

    var result = $('input[type="radio"]:checked') 
if(result.length>0) 
{ 
var resultString =""; 
resultString= "No of Radio button Checked :"+ result.length + "</br>"; 
result.each(function(){ 
    resultString = resultString + $(this).val() + "</br>" ; 
}) 

$('#div1').html(resultString) 
} 
}) 
}); 
</script> 

<html> 
<input type="radio" value="radioButn1" /> 
<input type="radio" value="radioButn2" /> 
<input type="radio" value="radioButn3" /> 
<input type="radio" value="radioButn4" /> 
<input type="radio" value="radioButn5" /> 

<div id="div1"> </div> 
</html> 
+0

明確な複製には回答しないでください。 – Turnip

関連する問題