獲取單選按鈕的選定值

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

要獲得ID myForm的窗體的選擇radioName項的值： $('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>