如何使用 JavaScript 检查是否仅选择了一个单选按钮？

Question

我想 select 在无线电元素中只有一个选项，我让它工作但我的解决方案有点愚蠢。 我怎样才能做得更好。

 function check1(){ var p1 =document.getElementById("PMLN"); var p2 =document.getElementById("PMLA"); var p3 =document.getElementById("PMLAD"); if(p1.checked == true & p2.checked == false & p3.checked==false){ console.log('press 1'); } if(p2.checked == true & p1.checked == false & p3.checked==false){ console.log('press 2'); } if(p3.checked == true & p2.checked == false & p1.checked==false){ console.log('press 3'); } }

 <h3>Tractor 1</h3> <input type="radio" name="Tractors" id="PMLN"/> <h3>Tractor 2</h3> <input type="radio" name="Tractors" id="PMLA"/> <h3>Tractor 3</h3> <input type="radio" name="Tractors" id="PMLAD" /> <br><br> <button onclick="check1()">Try it</button>

Answer 1

取自Geeks For Geeks

由于单选按钮的性质，只要按钮之间的“名称”属性相同，就只能选择一个。 要确定当前选择了哪一个，您可以获取具有该名称的所有元素，并对其进行迭代，检查哪个值为 true。

示例（香草 javascript）：

let ele = document.getElementsByName('Tractors'); 

for(let i = 0; i < ele.length; i++) { 
   if(ele[i].checked)  {
       console.log(`Pressed ${ele[i]}`);
   } 
}

或使用 jQuery：

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