检查单选按钮是不是在javascript中被选中/未选中的函数[重复]

Posted 2023-03-05

【中文标题】检查单选按钮是不是在javascript中被选中/未选中的函数[重复]

【英文标题】：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 中使用它！任何帮助表示赞赏。谢谢！

【参考方案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。无论如何，谢谢！