Javascript/HTML Cases à cocher vérifier la valeur
J'ai plusieurs cases, chaque groupe avec un seul sélectionnable composant. Un exemple de cocher les cases ci-dessous:
<label class="checkbox inline">
<input type="checkbox" id="question1option1" name="question1options" value="correct" onclick="SingleSelect('question1option',this)"> 1
</label>
<label class="checkbox inline">
<input type="checkbox" id="question1option2" name="question1options" value="wrong" onclick="SingleSelect('question1option',this)"> 2
</label>
<label class="checkbox inline">
<input type="checkbox" id="question1option3" name="question1options" value="wrong" onclick="SingleSelect('question1option',this)"> 3
</label>
<label class="checkbox inline">
<input type="checkbox" id="question2option1" name="question2options" value="correct" onclick="SingleSelect('question2option',this)"> 1
</label>
<label class="checkbox inline">
<input type="checkbox" id="question2option2" name="question2options" value="wrong" onclick="SingleSelect('question2option',this)"> 2
</label>
<label class="checkbox inline">
<input type="checkbox" id="question2option3" name="question2options" value="wrong" onclick="SingleSelect('question2option',this)"> 3
</label>
J'ai une fonction javascript qui sort quel bouton radio est sélectionné par le passage du groupe de boutons radio (ci-dessous), est-il un équivalent quelqu'un peut m'aider à obtenir la valeur de la case cochée (un seul dans chaque "groupe") de manière similaire, s'il vous plaît?
function getRadioValue (theRadioGroup)
{
for (var i = 0; i < document.getElementsByName(theRadioGroup).length; i++)
{
if (document.getElementsByName(theRadioGroup)[i].checked)
{
return document.getElementsByName(theRadioGroup)[i].value;
}
}
}
Merci d'avance.
- CSS3 prend en charge le style d'une radio comme une case à cocher par cette discussion: stackoverflow.com/questions/279421/...
- Merci. La raison pour laquelle je n'ai pas utilisé les boutons radio est qu'ils ont l'air moche et je n'arrive pas à trouver une solution pour tous les navigateurs, et je pense que ton lien est utile mais ne fonctionne toujours pas dans Internet Explorer?
Vous devez vous connecter pour publier un commentaire.
En fait, cette fonction ne fonctionnera que si vous corrigez vos appels à
SingleSelect
ou votre balisage; votre balisage à l'aide des noms commequestion1options
mais vos appels àSingleSelect
utilisez des noms commequestion1option
(sans les
à la fin). Correctif et ça fonctionne: Live ExempleDe toute évidence, cependant, les cases à cocher ne sont pas automatiquement de sélectionner d'autres cases avec le même nom lorsque vous cliquez sur eux (c'est ce que
type="radio"
est pour). Mais je suppose que vous savez que. 🙂SingleSelect
probablement manipulé. 🙂 Content que cela a aidé!