Question

我正在尝试使用Tampermonkey中的Javascript在网页上选择一些单选按钮。对于这个特定按钮，没有元素ID，所以我不确定如何选择它们。

我看不到这些按钮的其他识别元素。

注意：此页面上有几个单选按钮，它们之间唯一的唯一标识符是“值”。还有12个其他按钮，但我希望在页面加载后默认选择这3个按钮。

<input  name="Offense" type="radio" value="Indifferent">
<input  name="Likelihood" type="radio" value="Indifferent">
<input  name="Humor" type="radio" value="Indifferent">

所以，我试图用这个来抓住它们：

document.getElementByValue("Indifferent").checked = true;

但它没有做任何事情，我确定我错过了什么。

谢谢！

Answer 1

// list will contain all the radio buttons
var list = $('input[value="Indifferent"]')


$.each(list, function(index, value) {
  alert( index + ": " + value );
});

您需要的所有数据都在值对象

中

https://jsfiddle.net/o46rhpwL/

如果您要在列表中查找选中的值

https://jsfiddle.net/z73ah82b/

Answer 2

使用Selectors API中的querySelector / querySelectorAll会返回匹配DOM节点的NodeList。由于它不是数组，因此使用for循环：

var inputs = document.querySelectorAll('input[value="Indifferent"]');

for (var i = 0; i < inputs.length; i++) {
  inputs[i].checked = true;
}

jQuery中的相同：

$('input[value="Indifferent"]').attr('checked', true);

检查没有ID的单选按钮，只是名称，类型，值

2 个答案: