Passaggio Valori checbox in textarea

  • Creatore Discussione Creatore Discussione migo80
  • Data di inizio Data di inizio
Stato
Chiusa ad ulteriori risposte.

migo80

Utente Attivo
25 Apr 2013
243
3
18
Buonasera io ho due gruppi distinti di checkbox e vorrei passare il loro value ognuna in una textarea specifica loro assegnatagli tramite id
questo è il codice:

HTML:
<div class="contenitore">
<div id="primo_g">
    <div class="form-group">
        <input type="checbox" name="primo[]" id="uguale a value" value="esempi primo">
        <label>esempio primo</label>
    </div>
        <div class="form-group">
        <input type="checbox" name="primo[]" id="uguale a value" value="esempi secndo">
        <label>esempio primo</label>
    </div>
        <div class="form-group">
        <input type="checbox" name="primo[]" id="uguale a value" value="esempi terzo">
        <label>esempio primo</label>
    </div>
    /*ecc.. altri checkbox*/
</div>
<textarea id="chk_value_primo_g"></textarea>


<div id="secondo_g">
    <div class="form-group">
        <input type="checbox" name="secondo[]" id="uguale a value" value="esempi quarto">
        <label>esempio primo</label>
    </div>
        <div class="form-group">
        <input type="checbox" name="secondo[]" id="uguale a value" value="esempi quinto">
        <label>esempio primo</label>
    </div>
        <div class="form-group">
        <input type="checbox" name="secondo[]" id="uguale a value" value="esempi sesto">
        <label>esempio primo</label>
    </div>
    /*ecc.. altri checkbox*/
</div>
<textarea id="chk_value_secondo_g"></textarea>

</div>

/* recupero value del primo gruppo*/
<script>
    $("#primo_g :checkbox").change(function() {
        var text = $(":checked").map(function() {
        return this.value;
    }).get().join("\n--------------------------------\n");
    $("#chk_value_primo_g").val(text);
    });
</script>


/* recupero secondo gruppo */
    <script>
    $("#secondo_g :checkbox").on('change',function() {
        var text_int = $('#secondo_g :checkbox:checked').map(function() {
        return this.value;
        }).get().join("\n--------------------------------\n");
            $("#chk_value_secondo_g").val(text_int);
            });
    </script>

Ora preso singolarmente il gruppo di checkbox funziona, mentre se seleziono le varie checkbox di entrambi i gruppi i loro valori vengono inserite nelle due textarea senza distinguerle per id.
Come posso risolvere? ps non sono ferrato con javascript....
Un grazie a tutti inanticipo.
 
Ho risolto cambiando leggermente lo script javascript in questo modo:

JavaScript:
$("#primo_g :checkbox").on('change',function() {
        var text = $('#primo_g input:checked[name="primo[]"]').map(function() {
return this.value;
}).get().join("\n--------------------------------\n");
$("#chk_value_primo_g").val(text);
});




$("#secondo_g :checkbox").on('change',function() {
        var text_int = $('#secondo_g input:checked[name="secondo[]"]').map(function() {
return this.value;
}).get().join("\n--------------------------------\n");
$("#chk_value_secondo_g").val(text_int);
});

Quindi possiamo dire che la discussione è risolta.
 
Stato
Chiusa ad ulteriori risposte.

Discussioni simili