获取单选按钮的选定值答案

【问题标题】：get selected value of radio button获取单选按钮的选定值
【发布时间】：2016-08-30 15:56:30
【问题描述】：

我是 Javascript 新手。我有一个这样的代码 sn-p：

<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)。

【问题讨论】：

您需要先搜索该网站才能发布此内容。例如，检查this query。
你的 html 无效 ul 的子元素是 li
getting selected value of radio button in case of action的可能重复

标签： javascript jquery

【解决方案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>

认为这对你有帮助。

【讨论】：

【解决方案2】：

<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);
	

}       

</script>

【讨论】：

【解决方案3】：

这个怎么样：

<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
        }

【讨论】：