получить выбранное значение переключателя

Question

Я новичок в Javascript. У меня есть фрагмент кода, как это:

<ul class="dropdown-menu dropdown-menu-right" onchange="onCompChange()"> 
         <div class="radio" id = "compSelect"> 
          <label><input type="radio" name="optradio">op1</label> 
          </br> 
          <label><input type="radio" name="optradio">op2</label> 
          </br> 
          <label><input type="radio" name="optradio">op3</label> 
         </div> 
</ul> 

При выборе кнопки радио, я хочу знать, какой вариант выбран (OP1/OP2/OP3).

Answer 1

Чтобы получить значение выбранного radioName пункта формы с идентификатором Myform: $('input[name=radioName]:checked', '#myForm').val()
Вот пример:

$('#myForm input').on('change', function() { 
    var value = $('input[name=radioName]:checked', '#myForm').val(); 
    console.log(value); 
}); 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form id="myForm"> 
<input type="radio" name="radioName" value="1" /> 1 <br /> 
<input type="radio" name="radioName" value="2" /> 2 <br /> 
<input type="radio" name="radioName" value="3" /> 3 <br /> 
</form> 

Думаю, что это помогает.

Answer 2

Как об этом:

<input type="radio" name="opt radio" onclick="check(this.value)" value="op1" >op1</label> 
<input type="radio" name="opt radio" onclick="check(this.value)" value="op2" >op2</label> 
<input type="radio" name="opt radio" onclick="check(this.value)" value="op3" >op3</label> 

в ваших .js:

 function check(value) { 
      //... use your value 
     } 

Answer 3

<ul class="dropdown-menu dropdown-menu-right" > 
 
         <div class="radio" id = "compSelect"> 
 
          <label><input onchange="onCompChange(this)" type="radio" name="optradio">op1</label> 
 
          </br> 
 
          <label><input onchange="onCompChange(this)" type="radio" name="optradio">op2</label> 
 
          </br> 
 
          <label><input onchange="onCompChange(this)" type="radio" name="optradio">op3</label> 
 
         </div> 
 
</ul> 
 

 
<script type = "text/javascript" language = "javascript"> 
 

 
    function onCompChange(radio){ 
 
    
 
    var content = radio.parentElement.innerHTML; 
 
    var output = content.replace(/<\/?[^>]+(>|$)/g, ""); 
 
    alert(output); 
 
\t 
 

 
}  
 

 
</script>