Javascript 如何在没有jQuery的情况下一次验证多个单选按钮？

我正在为我的类提供给我的html代码编写验证函数，但是除了添加头和脚本之外，我不允许更改html代码。我还处于初级阶段，还不知道如何使用jQuery，希望能帮助验证多个单选按钮

我试着在这个网站和许多其他网站上寻找答案，但似乎找不到答案。我尝试了多个代码，但我怀疑它们都是用jQuery编写的

html的输入

<input type = "radio" name = "radNewsletter" value = "" />Health and Wellness<br />
<input type = "radio" name = "radNewsletter" value = "" />Creative Writing<br />
<input type = "radio" name = "radNewsletter" value = ""/>Gardening

---

当我按下“提交”按钮时，除了表单验证之外，我无法获得任何其他输出，即使现有验证本应停止它。

我发现

radNewsletter

是表单中的常用名称。为了验证单选按钮的表单，可以使用以下代码

函数validateForm（）{
var radios=document.getElementsByName（“radNewsletter”）；
var formValid=false；
var i=0；
而（！formValid&&i

健康与健康

创造性写作

园艺


验证

使用

文档。已选中querySelector

和pusedo选择器

。此行
document.querySelector（'input[name=“radNewsletter”]：checked'）
将给出第一个单选按钮，其名称为
radNewsletter
，已选中。单击按钮，检查此值是否为空。希望您可以使用此验证


函数验证（）{
让isChecked=document.querySelector（'input[name=“radNewsletter”]：checked'）；
如果（已检查！==null）{
console.log（isChecked.value）；
}
}
健康与健康

创造性写作

园艺

验证
要验证什么？
    function validateForm() {
        var x = document.forms["frmNews"]["txtName"].value;
        if (x == "") {
            alert ("Name must be filled out.");
            return false;
            }
        var y = document.forms["frmNews"]["txtEmail"].value;
        if (y == "") {
            alert ("Email must be filled out.");
            return false;
            }


function validateForm() {

        var radios = document.getElementsByName("radNewsletter");

        if(!radios.checked)
        {
          alert("we are testing")
        }

         if(radios.checked = true){
           alert("your checking the boxs")
         }
}