javascript - 目标选中的单选按钮

Question

如何使用javascript定位当前选中的单选按钮？我有一个脚本来知道当前选择了哪个无线电。但是，在我弄清楚当前选择的内容之后，我还想做点什么。

var selectedRadio = document.getElementById('changeDetails').value; if (selectedRadio == 'options1') { //do something to radio button with value options1 }

如果我只将其值作为标识符，我将如何定位当前选定的无线电？我正在考虑像getElementByValue这样的东西，但当然，这并不存在，所以我正在寻找能够做同样事情的东西。

没有jQuery。

Answer 1

ID是唯一的。你有一个ID为changeDetails和值options1

的收音机

那就是说 - 使用名称和：选中，假设无线电有一个名称，因为它们应该

var checkedRad = document.querySelector('input[name=changeDetails]:checked');

或

var val = "option1";
var radByVal = document.querySelector('input[value='+val+']');
if (radByVal.checked) { ... }