Javascript-按值查找单选按钮

Question

我知道JQuery - find a radio button by value 很简单

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

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

Answer 1

我假设您的意思是非 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';
};

Answer 2

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

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

Answer 3

你可以这样做：

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