Comment changer la Valeur de l'Étiquette à l'aide de javascript

Je veux changer la valeur de l'étiquette de '0' à 'merci' en dessous de l'étiquette, sur la case, cliquez sur l'événement.

<input type="hidden" name="label206451" value="0" />
<label for="txt206451" class="swatch_text" >Chestnut Leather</label>
<input type="checkbox" name="field206451" class="swatch_check" id="txt206451" value="SELECTED"/>

Le Javascript est comme ci-dessous.

var cb = document.getElementById('field206451');
var label = document.getElementById('label206451');
cb.addEventListener('click',function(evt){
    if(cb.checked){
        label.value='Thanks';
    }else{
        label.value='0';
    }
},false);

Mais ce n'est pas de travail. Une idée?

OriginalL'auteur Sheikh Siddiquee | 2014-04-28

  1. 4

    Vous prenez name dans document.getElementById() Votre cb devrait être txt206451
    (Attribut ID) pas name attribut.

    Ou

    Vous pouvez l'avoir en document.getElementsByName()

    var cb = document.getElementsByName('field206451')[0]; //First one

    OU

    var cb = document.getElementById('txt206451');

    Et pour la définition des valeurs cachées utilisation document.getElementsByName() comme suit

    var cb = document.getElementById('txt206451');
var label = document.getElementsByName('label206451')[0]; //Get the first one of index
console.log(label);
cb.addEventListener('change', function (evt) { //use change here. not neccessarily
    if (this.checked) {
        label.value = 'Thanks'
    } else {
        label.value = '0'
    }
}, false);

    Démo Violon

    Vérifier mes mises à jour de réponse!
    J'ai ajouté un id à mon cachés lavel Id="xyz" et j'ai changé mon javascript, var cb = document.getElementById ("txt422743'); var label = document.getElementById('xyz'); Stull pas de travail?
    Avez-vous traversé la réponse, Vérifiez dans le violon de nouveau!

    OriginalL'auteur Dhaval Marthak

  2. 9

    très simple 

    $('#label-ID').text("label value which you want to set");
    C'est pas Javascript jquery.

    OriginalL'auteur Aaska Patel

  3. 5

    En Chrome

    //get your input
var input = document.getElementById('txt206451');
//get it's (first) label
var label = input.labels[0];
//change it's content
label.textContent = 'thanks'

    Mais après recherche, les étiquettes ne semble pas être largement pris en charge..

    Vous pouvez utiliser querySelector

    //get txt206451's (first) label
var label = document.querySelector('label[for="txt206451"]');
//change it's content
label.textContent = 'thanks'

    OriginalL'auteur Paul S.

  4. 1

    Essayer

    utiliser un id pour le champ caché et l'utilisation de l'id de checkbox en javascript.

    et modifier le ClientIDMode="static" trop

    <input type="hidden" ClientIDMode="static" id="label1" name="label206451" value="0" />

   <script type="text/javascript"> 
    var cb = document.getElementById('txt206451');
    var label = document.getElementById('label1');
    cb.addEventListener('click',function(evt){
    if(cb.checked){
        label.value='Thanks'
    }else{
        label.value='0'
    }
    },false);
    </script>
    J'ai ajouté un id à mon cachés lavel Id="xyz" et j'ai changé mon javascript, var cb = document.getElementById ("txt422743'); var label = document.getElementById('xyz'); Stull pas de travail?
    vous avez changé le ClientIDMode ??

    OriginalL'auteur Sajad Karuthedath

  5. 1

    Se basant sur le code, j'ai créé ce Violon


    Vous avez besoin d'utiliser

    var cb = document.getElementsByName('field206451')[0];
var label = document.getElementsByName('label206451')[0];


    si vous souhaitez utiliser les attributs de nom, alors vous avez à prendre de l'indice depuis c'est une liste d'éléments, et pas seulement un seul. Tout le reste fonctionne bien.

    OriginalL'auteur JasonWilczak