如何使用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);