Javascript 正在侦听要检查的单选按钮

我有一个提交表单，要求至少选中一个单选按钮。我已经有了一个代码来获取单选按钮的值：

let myQuery = document.querySelector('input[name="#myName"]:checked').value;

如果返回任何值（它是一个文本字符串），那么我可以执行以下操作：

document.getElementById("#ButtonID").removeAttribute("disabled");

我的submit按钮当前处于“禁用”状态，因此删除该属性可以完美地让用户在选中单选按钮后进行提交

如何将其输入到查询选择器中？我已经从用户按下的单选按钮的.value中获取了一组变量

---

谢谢：）

通常，作为单选按钮的正常使用，我们默认选择1个按钮。 但如果您希望它最初不被选中

函数hello（）{ //身体。。。 让button1=document.getElementsByName（“a”）。选中； 控制台日志（按钮1）； document.getElementById（“gn”）.disabled=false； }

daknd

隐马尔可夫模型
隐马尔可夫模型

通常，作为单选按钮的正常使用，我们默认选择1个按钮。 但如果您希望它最初不被选中

函数hello（）{ //身体。。。 让button1=document.getElementsByName（“a”）。选中； 控制台日志（按钮1）； document.getElementById（“gn”）.disabled=false； }

daknd

隐马尔可夫模型
隐马尔可夫模型

由于您没有提供html模板，我假设如下：

let input=document.querySelector（'input[name=“name”]”）；
input.addEventListener（“更改”，（）=>{
console.log（input.value）
document.getElementById（“ButtonId”）.removeAttribute（“禁用”）；
});

请点击名称：

名称
提交
由于您没有提供html模板，我假设如下：


let input=document.querySelector（'input[name=“name”]”）；
input.addEventListener（“更改”，（）=>{
console.log（input.value）
document.getElementById（“ButtonId”）.removeAttribute（“禁用”）；
});

请点击名称：

名称
提交
您的代码是正确的，在getElementById（）方法中使用“#”犯了一个错误。
我们需要在jQuery中使用“#”登录，但在javascript中它只使用ID名称

document.getElementById("#ButtonID").removeAttribute("disabled");



<script>

function checkStatus(obj)
{
  
  if(obj.value != "")
  {
     document.getElementById("button").removeAttribute("disabled");
  }
}

</script>


<form id="" name="" action="" method="">

       <li><input type="radio" name="a" id="RAD_1" value="RAD_1" 
       onclick="checkStatus(this);">Hello 1</input></li>

       <li><input type="radio" name="a" id="RAD_2" value="RAD_2" 
      onclick="checkStatus(this);">Hello 2</input></li>

      <li><input type="submit" name="submit" id="button" value="Submit" disabled> 
</input>
</form>

document.getElementById（“#ButtonID”）.removeAttribute（“禁用”）；
功能检查状态（obj）
{
如果（对象值！=“”）
{
document.getElementById（“按钮”）.removeAttribute（“禁用”）；
}
}
你好1
你好2

您的代码是正确的，在getElementById（）方法中使用“#”犯了一个错误。
我们需要在jQuery中使用“#”登录，但在javascript中它只使用ID名称

document.getElementById("#ButtonID").removeAttribute("disabled");



<script>

function checkStatus(obj)
{
  
  if(obj.value != "")
  {
     document.getElementById("button").removeAttribute("disabled");
  }
}

</script>


<form id="" name="" action="" method="">

       <li><input type="radio" name="a" id="RAD_1" value="RAD_1" 
       onclick="checkStatus(this);">Hello 1</input></li>

       <li><input type="radio" name="a" id="RAD_2" value="RAD_2" 
      onclick="checkStatus(this);">Hello 2</input></li>

      <li><input type="submit" name="submit" id="button" value="Submit" disabled> 
</input>
</form>

document.getElementById（“#ButtonID”）.removeAttribute（“禁用”）；
功能检查状态（obj）
{
如果（对象值！=“”）
{
document.getElementById（“按钮”）.removeAttribute（“禁用”）；
}
}
你好1
你好2

在其他答案的基础上，我们可以创建一个表单，默认情况下不选择单选按钮，但提交表单时需要选择：

HTML：

<h1>test form</h1>
<form>
  <div>
    <label>
      <input type="radio" name="a-radio-group" value="first" />
      first
    </label>
    <label>
      <input type="radio" name="a-radio-group" value="second" />
      second
    </label>
    <label> 
      <input type="radio" name="a-radio-group" value="third" />
      third
    </label>
  </div>
  <div>
    <button id="button" disabled>submit</button>
  </div>
</form>

您可能已经准备好了一些，但我想详细说明三个部分：


首先，单选按钮用于组中，该组中的所有收音机都需要具有相同的“名称”属性。有了这个选项，如果用户选择了一个选项，它将“取消选中”所有其他单选选项，并“选中”新选择的选项。更多关于
我在父表单元素上设置了一个“单击”侦听器，这样我们就可以监视整个表单的更改。如果没有父表单元素，则必须向每个无线电输入添加onChange处理程序并跟踪状态。我认为形式方法更简单，如果可能，可以避免后一种方法
如果使用querySelectorAll，则返回一个数组，只需根据数组的长度进行测试：如果长度为0，则不选择任何内容。更多关于
在其他答案的基础上，我们可以创建一个表单，默认情况下不选择单选按钮，但提交表单时需要选择：

HTML：

<h1>test form</h1>
<form>
  <div>
    <label>
      <input type="radio" name="a-radio-group" value="first" />
      first
    </label>
    <label>
      <input type="radio" name="a-radio-group" value="second" />
      second
    </label>
    <label> 
      <input type="radio" name="a-radio-group" value="third" />
      third
    </label>
  </div>
  <div>
    <button id="button" disabled>submit</button>
  </div>
</form>

您可能已经准备好了一些，但我想详细说明三个部分：


首先，单选按钮用于组中，该组中的所有收音机都需要具有相同的“名称”属性。有了这个选项，如果用户选择了一个选项，它将“取消选中”所有其他单选选项，并“选中”新选择的选项。更多关于
我在父表单元素上设置了一个“单击”侦听器，这样我们就可以监视整个表单的更改。如果没有父表单元素，则必须向每个无线电输入添加onChange处理程序并跟踪状态。我认为形式方法更简单，如果可能，可以避免后一种方法
如果使用querySelectorAll，则返回一个数组，只需根据数组的长度进行测试：如果长度为0，则不选择任何内容。更多关于
能否为元素提供html？能否为元素提供html？我想我可以默认选择一个。老实说，这不是世界末日。我想我可以默认选择一个。老实说，这并不是世界末日。这个#只是为了显示，实际上并不在代码中。提醒我在编码时输入相应的值。#仅用于显示目的，实际上不在代码中。提醒我在编码时输入相应的值。嗨，你能提供更多的细节吗？到底是什么不起作用？到目前为止你试过什么？你的HTML是什么样子的？嗨，你能提供更多的细节吗？到底是什么不起作用？到目前为止你试过什么？你的HTML是什么样子的？