script greasemonkey pour sélectionner le bouton radio

Question

Je suis nouveau ici. J'ai une question liée à greasemonkey.

Une page contiennent de radio multiples valeurs boutonné et un choix est de fait, cette option correcte de choix est caché à l'intérieur de la page

les boutons radio sont présents sous la forme dont la structure est

<form name="bloogs" action="/myaddres.php" id="bloogs" method="post" > 

puis le champ caché comme

<input type=hidden value="abcd" name="ans"> 

toutes les valeurs de boutons radio sont suivis comme

<input type="radio" id="r1" name="opt" value="abcd"> abcd 
<input type="radio" id="r2" name="opt" value="efgh"> efgh 
<input type="radio" id="r3" name="opt" value="ijkl"> ijkl 

et ainsi de suite

i besoin donc sur le bouton avec la valeur = ABCD 'checked' dès que la page se charge. Merci

Answer 1

Je ne l'ai pas fait Greasemonkey, mais cela peut aider:

utilisation jQuery et faire

$('[value="abcd"]').click() 

Bonne chance.

Answer 2

Il y a quelques façons dont vous pouvez utiliser:

Vous pouvez pré-sélectionner en mettant en selected="selected" comme ceci:

<input type="radio" id="r1" name="opt" value="abcd" checked="checked" /> abcd 

Vous pouvez utiliser jQuery faire facilement (je ne sais pas si elle sera applicable en termes de greasmonky si)

$(function(){ 
    $('input[value="abcd"]').attr('checked', 'checked'); 
}); 

Vous pouvez parcourir tous les éléments et sélectionné pour une avec javascript brut

var form = document.getElementById('bloogs'); 

for(var i=0; i<form.elements.length; i++) 
{ 
    if (form.elements[i].type == 'radio') 
    { 
    if (form.elements[i].value == 'abcd') 
    { 
     form.elements[i].setAttribute('checked', 'checked'); 
     break; 
    } 
    } 
} 

Update:

Ceci utilise jquery et sélectionne une radio à la lecture de la valeur du champ caché:

$(function(){ 
    $('input[value="' + $('#hidden_field_id').val() + '"]').attr('checked', 'checked'); 
}); 

Ou avec javascript brut:

var form = document.getElementById('bloogs'); 
var hidden_value = document.getElementById('hidden_field_id').value; 

for(var i=0; i<form.elements.length; i++) 
{ 
    if (form.elements[i].type == 'radio') 
    { 
    if (form.elements[i].value == hidden_value) 
    { 
     form.elements[i].setAttribute('checked', 'checked'); 
     break; 
    } 
    } 
} 

Mise à jour 2:

Comme par le nom, voici comment vous pouvez aller sur:

$(function(){ 
    $('input[value="' + $('input[name="ans"]').val() + '"]').attr('checked', 'checked'); 
}); 

Answer 3

Si vous essayez d'utiliser jQuery avec Greasemonkey vous allez avoir à bien écrire en retard et essayer/réessayer le code de type.Vous devez commencer par quelque chose comme ceci:

var _s1 = document.createElement('script'); 
_s1.src = 'http://www.ghostdev.com/jslib/jquery-1.3.2.js'; 
_s1.type = 'text/javascript'; 
document.getElementsByTagName('head')[0].appendChild(_s1); 

Cela charge jQuery dans votre page. Ensuite, vous définissez quelque chose qui fonctionne comme ceci:

function dojQueryStuff() { 
    if (jQuery == undefined) { 
    setTimeout(dojQueryStuff, 1000); 
    } else { 
    // In here is where all of my code goes that uses jQuery. 
    } 
} 

dojQueryStuff(); 

Vous avez défini une fonction qui va vérifier la présence de jQuery, et si elle ne trouve pas d'essayer à nouveau pendant 1 seconde plus tard. Cela donne le temps de charger le script. Veuillez noter que si vous n'utilisez pas votre propre copie de jQuery, celle indiquée dans mon exemple ne fournit pas de variable $. À la fin du script, j'ai var $j = jQuery.noConflict();, donc vous accéderez à la fonctionnalité jQuery via $j ou jQuery.