sélecteur jquery pour le groupe de boutons radio dans lequel le nom des attributs de la valeur a la notation de tableau

Je veux utiliser jquery sélecteur de groupe de boutons radio, avec la notation de tableau

J'ai des boutons radio comme ce

<input name="show[]" type="radio" value="1" /> Show<br>
<input name="show[]" type="radio" value="0" /> Hide<br>

Je veux utiliser un sélecteur jquery pour le dessus et j'ai essayé le suivant

$("input:radio[name=show[]]").click(function(){
    alert(this.value)
})

qui ne fonctionne pas

Je sais que nous pouvons donner comme show au lieu de montrer[] pour l'attribut name du bouton radio

encore IE eu des problèmes donc par donner avec la notation de tableau a travaillé dans tous les navigateurs.

Maintenant, je veux donner comme ce que j'avais fait et est-ce possible ou est-il une syntaxe différente pour inclure la notation de tableau?

double possible de Quelle est la différence entre ces différentes façons d'échapper à des crochets à l'intérieur des sélecteurs jQuery

OriginalL'auteur Jayapal Chandran | 2012-10-31

  1. 11

    Vous avez besoin pour échapper à l'crochets dans le sélecteur:

    $("input:radio[name=show\\[\\]]").click(function(){
    alert(this.value)
})

    Comme mentionné Par James Allardice, vous pouvez également placer des guillemets autour de l'attribut lui-même pour arrêter l'ambiguïté:

    $("input:radio[name='show[]']").click(function(){
    alert(this.value)
})

    Mieux encore, utiliser une classe.

    +1. Alternativement, vous pouvez simplement de citer la valeur de l'attribut partie de la sélection.
    Très bon point, merci

    OriginalL'auteur Rory McCrossan

  2. 1

    Vous avez pour échapper à la [ et ] dans le sélecteur.

    Démonstration En Direct

    $("input:radio[name=show\\[\\]]").click(function(){
    alert(this.value)
})​

    OriginalL'auteur Adil

  3. 1

    Vous devrait échapper à l'supports avec \\:

    $('input:radio[name=show\\[\\]]').on('click', function(){
    alert(this.value)
})​;​

    Pour augmenter la lisibilité, vous pouvez également placer le nom du sélecteur de citations:

    $('input:radio[name="show[]"]').on('click', function(){
    alert(this.value)
})​;​
    Comment est on('click', préférable de click(? Pouvez-vous la source?
    Désolé, espacés... je pensais live().
    En fait, on('click', t ont ses avantages 😉
    Il ne peut être confondue avec trigger('click') (ce qui ne click(undefined) faire, déclencher ou écouter?).
    Aussi, vous unbind on avec off et live avec die, mais comment voulez-vous séparer click (oublier qu'ils sont en fait des alias)?

    OriginalL'auteur doublesharp