jQuery set radio button

Question

J'essaie de définir un bouton radio. Je veux le définir en utilisant la valeur ou l'id.

C'est ce que j'ai essayé.

$('input:radio[name=cols]'+" #"+newcol).attr('checked',true);

newcol est l'identifiant du bouton radio.

Peut-être qu'un petit montage s'impose.

Il y a deux ensembles de cases radio, l'un avec des colonnes et l'autre avec des lignes. Je vois donc l'intérêt de ne pas utiliser d'identifiants. C'est ma faute. J'ai donc un exemple :

<input type="radio" name="rows" class="listOfCols" 
   style="width: 50%; " value="Site"></input>

et

<input type="radio" name="cols" class="listOfCols" 
   style="width: 50%; "  value="Site"></input>

avec les identifiants enlevés, et je dois mettre le bon.

Answer 1

Votre sélecteur recherche le descendant d'un fichier input:radio[name=cols] qui a l'id de newcol (enfin la valeur de cette variable).

Essayez plutôt ceci (puisque vous sélectionnez par ID de toute façon) :

$('#' + newcol).prop('checked',true);

Voici une démo : http://jsfiddle.net/jasper/n8CdM/1/

En outre, depuis jQuery 1.6, la méthode préférée pour modifier une propriété est la suivante .prop() : http://api.jquery.com/prop

Answer 2

J'ai trouvé la réponse ici :
https://web.archive.org/web/20160421163524/http://vijayt.com/Post/Set-RadioButton-value-using-jQuery

Fondamentalement, si vous voulez vérifier un bouton radio, vous DEVEZ passer la valeur sous forme de tableau :

$('input:radio[name=cols]').val(['Site']);
$('input:radio[name=rows]').val(['Site']);

Answer 3

Dans votre sélecteur, vous semblez essayer de récupérer un élément imbriqué de votre bouton radio avec un id donné. Si vous voulez vérifier un bouton radio, vous devez sélectionner ce bouton radio dans le sélecteur et pas autre chose :

$('input:radio[name="cols"]').attr('checked', 'checked');

Cela suppose que vous avez le bouton radio suivant dans votre balisage :

<input type="radio" name="cols" value="1" />

Si votre bouton radio avait un identifiant :

<input type="radio" name="cols" value="1" id="myradio" />

vous pourriez utiliser directement un sélecteur d'id :

$('#myradio').attr('checked', 'checked');

Answer 4

Vous pouvez essayer le code suivant :

$("input[name=cols][value=" + value + "]").attr('checked', 'checked');

Ceci définira l'attribut coché pour les colonnes radio et la valeur comme spécifié.

Answer 5

Pourquoi avez-vous besoin 'input:radio[name=cols]' . Je ne connais pas votre html, mais en supposant que les ids sont uniques, vous pouvez simplement faire ceci.

$('#'+newcol).prop('checked', true);