Javascript-按值查找单选按钮

Question

我知道在JQuery - find a radio button by value只是

$(":radio[value=foobar]") 

我如何使用Javascript按其值查找单选按钮？

Answer 1

如果要求不使用jQuery，则可以将document.querySelector()与多个属性选择器

一起使用

document.querySelector("input[type=radio][value=foobar]")

Answer 2

您可以这样做：

document.querySelector("input[type='radio'][value='foobar']");

Answer 3

我认为你的意思是非jQuery方式，因为jQuery是Javascript：）

一种天真的方法是过滤输入元素，确定它是否是单选按钮并确定值：

var inputs = document.getElementsByTagName('input');
var radios = inputs.filter(function(el) {
    return el.type == 'radio';
};
var valueRadios = radios.filter(function(radio) {
    return radio.value == 'foobar';
};