Activation et désactivation du bouton submit, radio conditions d'entrée

Je voudrais désactiver un champ de saisie d'être sur-mesure si l'utilisateur n'a pas sélectionné un bouton radio.
Voici le formulaire HTML simple:

<form method="POST">
    <input type='radio' name='a' value='a' id='checkMe' /> a 
    <input type='radio' name='a' value='b' id='checkMe' /> b  
    <input type='radio' name='a' value='c' id='checkMe'  /> c    
    <input type='submit' value='choose' id='choose' disabled="disabled"/>    
</form>

Maintenant, j'ai fait ce js, pour voir si l'une des entrées est sélectionné, puis le disabled="disabled" partie doit être vénéré, mais c'est maintenant le cas dans ce code JavaScript 

if(document.getElementById('checkMe').checked) {
   document.getElementById('choose').disabled=false;
}

Voici la démo en ligne. http://jsfiddle.net/2HC6s/

  • vous ne pouvez pas avoir le même IDENTIFIANT de plusieurs éléments
InformationsquelleAutor samayo | 2013-09-18
  1. 2

    Essayer cette | démo

    <form method="POST" id="question">
    <input type='radio' name='a' value='a' id='checkMe' onclick="check()"/> a 
    <input type='radio' name='a' value='b' id='checkMe1' onclick="check()" /> b  
    <input type='radio' name='a' value='c' id='checkMe2' onclick="check()" /> c    
</br>

function check()
{
var ele = document.getElementsByName('a');
var flag=0;
for(var i=0;i<ele.length;i++)
{
    if(ele[i].checked)
     flag=1;

} 
if(flag==1)
document.getElementById('choose').disabled=false;
}
    • merci. J'aurais comme une solution sans la boucle.
    InformationsquelleAutor Shadow
  2. 2
    <!DOCTYPE html>
<html>
<head>
    <title>Stack</title>
    <script>
    function set_btn_status() 
    {
       var radios = document.getElementsByName("a");

        for (var i = 0; i < radios.length; i++) {       
            if (radios[i].checked) {
                var checked_value = radios[i].value;
                if(checked_value == 'a') {
                    document.getElementById('choose').disabled = false;
                } else {
                    document.getElementById('choose').disabled = true;
                }
                break;
            }

        }
    }
    </script>
</head>
<body>
<form method="POST">
    <input type='radio' name='a' value='a' id='checkMe' onclick="set_btn_status()"/> a 
    <input type='radio' name='a' value='b' id='checkMe1'  onclick="set_btn_status()"/> b  
    <input type='radio' name='a' value='c' id='checkMe2'   onclick="set_btn_status()"/> c    
    <input type='submit' value='choose' id='choose' disabled="disabled"/>    
</form>
</body>
</html>
    • Et comment suis-je censé pour vérifier si il est sélectionné ou pas?
    • vérifier la mise à jour de réponse.
    • Dans l'avenir, lorsque vous donnez javascript/HTML/css réponses pour les gens, vous devez d'abord tester ici. jsfiddle.net pour l'instant, je vais vous en donner +1 juste pour l'effort
    • Veuillez vérifier mon code mis à jour, ça fonctionne.
    InformationsquelleAutor devo
  3. 1

    Le mettre dans un tableau et ensuite sur son:

    var tabPom = document.getElementById("pomTableId");
$(tabPom ).prop('disabled', true/false);
    InformationsquelleAutor dinafication
  4. 0
    <form method="POST" id="question">
    <input type='radio' name='a' value='a' id='checkMe' /> a 
    <input type='radio' name='a' value='b' id='checkMe' /> b  
    <input type='radio' name='a' value='c' id='checkMe'  /> c    
</br>
    <input type='submit' value='choose' id='choose' disabled="disabled"/>    
</form>

<script>
document.getElementById('checkMe').onclick = function() {
   document.getElementById('choose').disabled=false;
} 
</script>
    • veuillez expliquer comment votre code de résoudre le problème
    • juste l'habitude de sur cliquez sur fonction avec l'id
    InformationsquelleAutor Sarath Kumar