单选按钮中设置了checked="checked"为默认时，利用JS获取单选按钮的值的，一开始不能获取到默认的值

Posted 2023-05-12

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了单选按钮中设置了checked="checked"为默认时，利用JS获取单选按钮的值的，一开始不能获取到默认的值相关的知识，希望对你有一定的参考价值。

单选按钮怎样才能用JS获取到默认的值？
<script>
function getradio( value )
document.getElementById("demo").innerhtml=value;

</script>

<body>
<input type="radio" name="RadioGroup1" value="1" id="RadioGroup1_0" checked="checked" onclick="getradio(this.value);" />a
<input type="radio" name="RadioGroup1" value="2" id="RadioGroup1_1" onclick="getradio(this.value);" />b
<input type="radio" name="RadioGroup1" value="3" id="RadioGroup1_2" onclick="getradio(this.value);" />c
<br />
<p id="demo"></p>
</body>

参考技术A 一开始不能取到值，是因为页面字加载的时候，第一个radio已经默认选中，没有触发onclick事件。
可以加个onload事件，
window.onload = function()
var radios = document.getElementsByName("RadioGroup1");
for (var i = 0, len = radios.length; i < len; i++)
if(radios[i].checked)
document.getElementById("demo").innerHTML = radios[i].value;

参考技术B     $(function()
      $("input[type=radio]").each(function()
         if($(this).is(":checked"))
             var v=$(this).val();
               document.getElementById("demo").innerHTML=v;
            return;

      )
    )

这个需要导jquery，如果楼主需要使用js 的话，楼上已经有答案了。

本回答被提问者和网友采纳

使用jquery的单选按钮值

// for older jquery
var var_name = $("input[@name='radio_name']:checked").val();
 
// for jquery 1.3
var var_name = $("input[name='radio_name']:checked").val();

以上是关于单选按钮中设置了checked="checked"为默认时，利用JS获取单选按钮的值的，一开始不能获取到默认的值的主要内容，如果未能解决你的问题，请参考以下文章