【问题标题】:How do I check if a radio button is checked using JavaScript?如何检查是否使用 JavaScript 检查了单选按钮?
【发布时间】:2015-05-28 12:28:36
【问题描述】:

当我选择一个单选按钮然后单击下载按钮时,没有任何反应。没有警报出现或任何东西。

这是我现在的代码:

HTML:

<form id="Resume_Select">
<input type="radio" name="resume_type" value="Economics" >Economics
<br />
<input type="radio" name="resume_type" value="MIS" >Management Information Systems
<br />
<button onClick="resume_select()"> Download</button>
</form>

JavaScript:

<script>
    function resume_select(){
    var radios = document.getElementByName('resume_type');
    for(var i = 0, length = radios.length; i<length;i++){

        if(radios[i].checked){
            var resume = radios[i].value;
            alert(radios[i].value);
            break;
        }
    }

</script>

【问题讨论】:

  • @TimRijckaert 请详细说明。我从为有相同问题的人找到的答案中提取了循环,这就是他们使用的循环。
  • @TimRijckaert 我假设你的意思是“,长度......”部分?因为我也对此感到困惑。我从未编写过使用逗号的 for 循环。但我只是接受了伙计们的话。我将它改回分号,然后在循环开始之前获取长度变量。那会更好,对吗?
  • for 循环的初始化部分是有效的。它缓存 HTMLCollection 的长度,而不是每次迭代都计算它。

标签: javascript html forms radio-button


【解决方案1】:

它应该是 getElementsByName 复数而不是 getElementByName。让我大吃一惊的第一件事。

【讨论】:

  • 你可以像这样简化你的循环:for(i = 0; i
  • 好的,我试试看。听起来很简单。
  • 会的!刚到家,所以我现在正在测试它
  • 那是因为您在表单标签中拥有一切。因此,有两个选项可以删除它们或创建一个输入类型按钮,并附加点击事件。当我在 jsfiddle 上测试你的代码时,我注意到了这个问题,所以不要使用按钮,而是使用按钮类型的输入
  • @atomCode 取出了表单标签。依然没有。没有警报。
猜你喜欢
  • 2022-01-15
  • 2012-03-07
  • 1970-01-01
  • 1970-01-01
  • 2018-01-26
  • 2015-02-19
  • 2020-04-10
相关资源
最近更新 更多