Comment puis-je créer des boutons radio mutuellement exclusifs avec des noms différents?

J'ai quelques boutons radio qui appartiennent à la même catégorie, mais je veux nommer différemment et de les rendre mutuellement exclusifs. Comment dois-je faire? Basé sur la valeur sélectionnée, je ne les différentes actions, et je ne peux pas y accéder si ils ont le même nom.

source d'informationauteur yogsma

  1. 22

    Pourquoi ne pouvez-vous pas y accéder si ils ont le même nom? Vous pouvez ajouter des Id (vous devriez), vous pouvez distinguer par valeur ou comptez-les et utilisez le n-ième élément.

    Vous devrait donner des radiobuttons le même nom pour que le navigateur comprendre qu'ils sont exclusifs.

    Vous peut (mais ne doit pas) hack autour de cela, et de donner à chaque objet un nom différent. Puis ajouter un onSelect/onClick gestionnaire pour chaque objet, et lorsque l'événement est déclenché, "décocher la case" les autres boutons. C'est sale et doit être évitée.

  2. 14

    Boutons Radio exiger le même nom pour être mutuellement exclusifs. Cependant, ils peuvent avoir différentes valeurs d'attributs d'ID, si vous voulez manipuler individuellement avec JavaScript.

    Il y a beaucoup de façons d'obtenir la valeur sélectionnée avec jQuery:

    <input type="radio" name="foo" value="1" />
<input type="radio" name="foo" value="2" />


//value of checked input tag of type 'radio'
var selectedValue = $('input[type=radio]:checked').val();

//value of checked input tag having name of 'foo'
var selectedValue = $('input[name=foo]:checked').val();

//value of the first checked radio button, regardless of name
var selectedValue = $('input:checked').val();
  3. 0

    Si vous devez modifier le nom, vous pouvez accéder au DOM et c'est des éléments à l'aide de JavaScript.

    <input type="checkbox" name="X" id="myElement" />

<script>   document.getElementById('myElement').name = 'text'; </script>

    http://www.w3schools.com/JS/js_ex_dom.asp