如何使用Greasemonkey自动选择单选按钮？

Question

我想用Greasemonkey选择自动单选按钮。但是我想要选择带有标签名称的收音机。 当我看到四个单选按钮时，Greasemonkey需要选择我的选项。 例如：我想要自动选择标签Instagram。

<label for="ContentPlaceHolder1_answer3">Instagram</label> 

如何使用Greasemonkey选择此单选按钮？

<div class="row"> 
       <input type="radio" tabindex="3" value="answer1" name="ctl00$ContentPlaceHolder1$1" id="ContentPlaceHolder1_answer1"><label for="ContentPlaceHolder1_answer1">Twitpic</label></div> 

<div class="row"> 
      <input type="radio" tabindex="4" value="answer2" name="ctl00$ContentPlaceHolder1$1" id="ContentPlaceHolder1_answer2"><label for="ContentPlaceHolder1_answer2">Yfrog</label></div> 

<div class="row"> 
      <input type="radio" tabindex="5" value="answer3" name="ctl00$ContentPlaceHolder1$1" id="ContentPlaceHolder1_answer3"><label for="ContentPlaceHolder1_answer3">Instagram</label></div> 

<div class="row"> 
      <input type="radio" tabindex="6" value="answer4" name="ctl00$ContentPlaceHolder1$1" id="ContentPlaceHolder1_answer4"><label for="ContentPlaceHolder1_answer4">Flickr</label></div> 

</div> 

Answer 1

var labels = document.getElementsByTagName('label'); //get the labels 
for (var i = 0; i < labels.length; ++i) { //loop through the labels 
    if (labels[i].textContent == "Instagram") { //check label text 
     labels[i].click(); //if correct text, click the label 
    } 
} 

Answer 2

试试这个：

var label="whatever"; //The label you want to look for, you may already have some such variable 
var allLabels=document.getElementsByTagName("label"); //Get all labels 
for (var i=0;i<allLabels.length;i++) { //Loop through labels 
    if (allLabels[i].innerHTML.toLowerCase()==label) { //If a match is found... 
     allLabels[i].parentNode.getElementsByTagName("input")[0].checked=true; //Check the parent element for inputs (radio buttons, for instance), and check the first one 
    } 
} 

我不能告诉肯定是否会不知道HTML是如何放在一起工作。你在你的问题中给出了HTML，但我不知道它是否保留了这个常量格式。

Answer 3

我已经有一段时间没有使用的XPath，所以它可能不会做任何事情:)

但在理论上，这将搜索所有标签在文本constains“Instagram的”，然后将其遍历所有结果，使用for属性获取单选按钮并将其设置为true。 （虽然我认为它的“选择”单选按钮？）

function xpathSnapshot(expression,context) { 
    var r=document.evaluate(expression,context,null,6,null),i=r.snapshotLength-1; 
    this.iterate=function() {return r.snapshotItem(i--)} 
} 

var labels = xpathSnapshot("//label[contains(text(),\"Instagram\")]",document); 

while (label = labels.iterate()) { 
    document.getElementById(label.getAttribute("for")).checked = true; 
} 

Answer 4

这里有一个完整的脚本，并在使用the jQuery contains() selector。

我们利用<label>的for属性，因为它存在。 ：

// ==UserScript== 
// @name  _Name 
// @include http://YOUR_SERVER/YOUR_PATH/* 
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js 
// ==/UserScript== 

var targLabel = $("div.select_container div.row label:contains('Instagram')"); 
var targButton = $("#" + targLabel.attr ("for")); 

//-- Select the desired radio button. 
targButton.prop ('checked', true);