Comment puis-je utiliser Javascript pour changer la valeur d'un caché d'entrée en fonction sur l'état d'une case à cocher?

Je suis en train de changer la valeur d'un champ caché, en fonction de la valeur d'une case à cocher. Je ne connais pas beaucoup de choses à propos de Javascript, mais c'est ce que j'ai jusqu'à présent.

<input type="hidden" value="" id="delterms" name="O_" />
<input type="checkbox" id="checkbox" onchange="terms()" />
<script type="text/javascript">
 var checked = document.getElementById('checkbox').checked;
  function terms() {
   if (checked==false)
    {
     document.getElementById('delterms').value=''
    }
   else
    {
    document.getElementById('delterms').value='Accepted'
    }
}
</script>

Je l'ai eu à travailler mais seulement sur le premier clic, est-il de toute façon à définir la valeur en fonction de la case d'état? Je soupçonne qu'il ya quelques beaucoup plus simple, et je suis sans aucun doute sur qui complique encore le problème.

OriginalL'auteur Dave | 2011-06-07

5

Essayez d'ajouter une écouteur d'événement au lieu d'utiliser le code HTML "onchange" attribut, ce qui pourrait clarifier les choses pour vous et sera sans doute de rendre votre code plus facile à maintenir dans le long terme:
```
<input type="hidden" id="delterms" value="" name="O_" />
<input type="checkbox" id="checkbox" />
<script type="text/javascript">
  var checkbox = document.getElementById('checkbox')
    , hidden = document.getElementById('delterms');
  checkbox.addEventListener('change', function() {
    hidden.value = (this.checked) ? 'Accepted' : '';
  }, false);
</script>
```
L'idée est que la fonction anonyme est exécuté à chaque fois que l'utilisateur clique sur la case à cocher, qui définit la valeur du champ caché soit "Accepté" ou la chaîne vide, selon si oui ou non la case est cochée.

Ce jsFiddle montre un exemple de travail.

Salut, merci pour votre réponse. Je comprends ce que vous dites, mais ne comprends pas comment j'obtiens ce pour mettre à jour le champ caché, est-il possible que vous pouvez développer?
J'ai mis à jour ma réponse à démontrer un moyen plus fiable de le faire, laissez-moi savoir si cela fait sens pour vous.

OriginalL'auteur maerics

Déplacer l'affectation de variable dans la fonction, donc:

function terms() {
    var checked = document.getElementById('checkbox').checked;
    if (checked==false)

OriginalL'auteur stuartd

1

Fixe dans un violon utiliser l'Événement du clic.

http://jsfiddle.net/hSMbf/1/

OriginalL'auteur josh.trow
1

Parce que les cases à cocher ne sont pas fournies dans un formulaire.submit() quand ils ne sont pas cochées j'utilise un champ caché qui est mise à jour lorsque la case est cliqué.
```
<input type="hidden" id="chbx" value="" name="0_">
<input type="checkbox" id="__chbx" 
    onclick="document.getElementById('chbx').value = 
             document.getElementById('__chbx').checked;"/>
```
(J'ai omis les jsp-code qui ajoute le checked propriété de la case d'entrée si elle a déjà été vérifié lors du rendu de la page.)

OriginalL'auteur Claes Mogren
0

Votre variable checked est définie qu'une fois, donc, il est toujours égal à la valeur initiale. Déplacer à l'intérieur de votre fonction terms().

OriginalL'auteur CodeZombie

obtenir la valeur cochée à l'intérieur de votre fonction

    <script type="text/javascript">

      function terms() {
       var checked = document.getElementById('checkbox').checked;
       if (checked==false)
        {
         document.getElementById('delterms').value=''
        }
       else
        {
        document.getElementById('delterms').value='Accepted'
        }
    }
    </script>

OriginalL'auteur niksvp

Vous devez vous connecter pour publier un commentaire.