【问题标题】:function that checks if a radio button is check/not-checked in javascript [duplicate]检查单选按钮是否在javascript中被选中/未选中的函数[重复]
【发布时间】:2018-02-22 23:08:05
【问题描述】:

嘿,我很难将一个函数从 jQuery 重写为 Javascript。我目前编写的函数效果很好,但唯一的问题是它必须用纯 Javascript 编写。这是我写的函数:

function checkFunc() {
    if ($('input[type="radio"]:checked').length === 0) alert("Not checked");
    else alert("Checked");
}

我需要该函数以与现在相同的方式工作,但我只需要在 Javascript 中使用它!任何帮助表示赞赏。谢谢!

【问题讨论】:

    标签: javascript jquery


    【解决方案1】:

    只需使用document.querySelectorAll

    function checkFunc() {
      if (document.querySelectorAll('input[type="radio"]:checked').length === 0) alert("Not checked");
      else alert("Checked");
    }
    
    checkFunc()
    <input type="radio" checked>
    <input type="radio">

    【讨论】:

    • 非常感谢!这非常有效。我花了很多时间在用 Javascript 编写的同一个函数上,但找不到。我很感激!
    • 不客气。@MujoM。我的回答有助于将其标记为答案。这对未来的访问者很有帮助......祝编码愉快
    【解决方案2】:

    var radioBtn = document.getElementById('radioBtn');
    
    function check() {
      if(radioBtn.checked) {
        alert('checked')
      } else {
        alert('Not Checked')
      }
    }
    <input type="radio" id="radioBtn" />
    
    <button onclick="check()">Check For Checked</button>

    【讨论】:

    • 这很好用!非常感谢!
    【解决方案3】:

    试试这个:-

    function checkFunc() {
        if (!$("input[type='radio']:checked").val()) {
            alert("Not checked")
        } else {
            alert("Checked");
        }
    }
    

    【讨论】:

    • 这很好用,但我需要纯 Javascript 代码中的函数,而不是 jQuery。无论如何,谢谢!
    猜你喜欢
    • 2011-07-10
    • 2014-02-06
    • 2014-07-02
    • 2014-04-23
    • 1970-01-01
    • 2012-03-07
    • 1970-01-01
    • 2013-03-09
    • 2016-01-11
    相关资源
    最近更新 更多