javascript - 不使用 "Id"但使用 "name"获取选定的 radio

Question

我试图通过使用“document.getElementByName('nameOfradio')”来获取选定的单选按钮，因为所有单选按钮都共享相同的名称。但是，什么也没有发生。我用 document.getElementById('nameOfradio') 尝试了同样的事情并且效果很好。但是，我必须为所有单选按钮提供唯一的 ID。所以，当我有 20 个单选按钮时，它变得很难看。结果，我想要的是走捷径。如何使用“名称”获取所选单选按钮的值？代码；

HTML

<input type="radio" name="nameOfradio" value="onm1" /> 1
<input type="radio" name="nameOfradio" value="onm2" /> 2

<input type='button' onclick='radio3()' value='Submit' />
</form>

Ajax(radio3() 的相关部分)

var radioPushed = document.getElementByName('nameOfradio').value;

var queryString = "?radioPushed=" + radioPushed;//to send the value to another file
ajaxRequest.open("GET", "radio_display.php" + queryString, true);
ajaxRequest.send(null);

正如我所说的 document.getElementById 工作但它需要太多的工作:( 我怎样才能通过使用单选按钮的共同特征来简化它，而不是给它们唯一的 id？一个简短的解释为什么我不能做到这一点非常有帮助(javascript 和 ajax 中的新功能)

Answer 1

这一行:

document.getElementByName('nameOfradio').value

应该是:

 document.querySelector('input[name=nameOfradio]:checked').value;

使用 querySelector

请注意，CSS 伪类是通过冒号 (:) 访问的。