选中没有ID的单选按钮,只有名称、类型和值

check radio button with no ID, just name, type, value

本文关键字:有名称 类型 单选按钮 ID      更新时间:2024-07-01

我正在尝试使用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;

但它什么都没做,我肯定我错过了什么。

谢谢!

从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);
// 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/