Javascript html表单-从所选单选按钮获取值

我已经创建了一个表单，我希望获得用户输入的数据。到目前为止，我所用的javascript提取了所有数据。我在提取所选单选按钮的数据时遇到问题。我读了一些文章，他们说“名称”必须是相同的，但这不起作用，如果我给它唯一的“ID”，那么选择一个或其他单选按钮就不起作用。我也不能使用jQuery

js

html

---

ID名称是唯一的，不应在同一页面中使用两次。只能通过以下选中单选按钮获取值：

var inputs = document.getElementsByTagName('input');

for(var i = 0; i < inputs.length; i++) {
    if(inputs[i].type.toLowerCase() == 'radio') {
        if (inputs[i].checked){
            alert('Checked radio buttons value is:' + inputs[i].value);
        }
    }
}

在Jquery中

$("input[name=slsSupport]:checked").val();

在纯js中，您希望找到所有单选按钮，给每个单选按钮一个Id，然后逐个选择它们：

function GetSelected() {
   for(var i=0;i<2;i++) {
       var element = document.getElementById('radio'+i);
       if (element.checked === true)
          return element
   }
}

---

ID在所有HTML文档中必须是唯一的。例如，要对输入进行分组，您必须为它们指定相同的名称，而不是ID

---

要使用JQuery查找和纯JS解决方案查找来查找值，我如何在html中格式化单选按钮以使用唯一ID@SluggeThey实际上根本不需要ID，因为输入字段的名称用于定义它是什么元素。因此，您在这些字段上设置的所有ID都可以删除，并且名称也应该是唯一的，否则您将无法区分这些值。您应该阅读HTML表单tbh：如果我可以使用JQuery，生活似乎会很简单，但我不能使用它，因为这是一个类：@RémyJ@BigBoy6第二个链接是纯JS解决方案。您是否尝试过：$'input[name=permissions]：checked'.val

$("input[name=slsSupport]:checked").val();

function GetSelected() {
   for(var i=0;i<2;i++) {
       var element = document.getElementById('radio'+i);
       if (element.checked === true)
          return element
   }
}