passaggio valori checkbox a textbox

**pagin** · 11-02-2011, 15:42

Salve, ho questo codice, quello che vorrei fare e
far passare i valori che seleziono nei checkbox e farli passare nel textbox...come posso fare_

codice:

<script>function miafunzione(mycheck) {
    if(!mycheck.checked) {
        if(document.getElementById("text1").value == mycheck.value)
            document.getElementById("text1").value = "";
        else if(document.getElementById("text2").value == mycheck.value)
            document.getElementById("text2").value = "";
        else if(document.getElementById("text3").value == mycheck.value)
            document.getElementById("text3").value = "";
    } else {
        if(document.getElementById("text1").value == "")
            document.getElementById("text1").value = mycheck.value;
        else if(document.getElementById("text2").value == "")
            document.getElementById("text2").value = mycheck.value;
        else if(document.getElementById("text3").value == "")
            document.getElementById("text3").value = mycheck.value;
    }
} </script>
1 <input type="checkbox" name="check1" value="v1" onclick="miafunzione(this);" /> - 
2 <input type="checkbox" name="check2" value="v2" onclick="miafunzione(this);" /> - 
3 <input type="checkbox" name="check3" value="v3" onclick="miafunzione(this);" /> - 
4 <input type="checkbox" name="check4" value="v4" onclick="miafunzione(this);" /> - 
5 <input type="checkbox" name="check5" value="v5" onclick="miafunzione(this);" />






<textarea name="check1" cols="30" rows="10" id="text1"></textarea>

**NonCeLaFaccio+** · 11-02-2011, 16:09

Ciao,
il tuo script sostanzialmente funziona, poi non so se quello che fa è ciò che vuoi, gli unici errori sono dovuti al fatto che referenzi gli elementi text2 e text3 che non sono presenti, quindi o modifichi quei test o aggiungi gli elementi mancanti (dipende dalle tue esigenze), io ho provato questa seconda soluzione e gli errori scompaiono:

codice:

<html>
<head>
<script>function miafunzione(mycheck) {
    if(!mycheck.checked) {
        if(document.getElementById("text1").value == mycheck.value)
            document.getElementById("text1").value = "";
        else if(document.getElementById("text2").value == mycheck.value)
            document.getElementById("text2").value = "";
        else if(document.getElementById("text3").value == mycheck.value)
            document.getElementById("text3").value = "";
    } else {
        if(document.getElementById("text1").value == "")
            document.getElementById("text1").value = mycheck.value;
        else if(document.getElementById("text2").value == "")
            document.getElementById("text2").value = mycheck.value;
        else if(document.getElementById("text3").value == "")
            document.getElementById("text3").value = mycheck.value;
    }
} </script>
</head>
<body>
1 <input type="checkbox" name="check1" value="v1" onclick="miafunzione(this);" /> -
2 <input type="checkbox" name="check2" value="v2" onclick="miafunzione(this);" /> -
3 <input type="checkbox" name="check3" value="v3" onclick="miafunzione(this);" /> -
4 <input type="checkbox" name="check4" value="v4" onclick="miafunzione(this);" /> -
5 <input type="checkbox" name="check5" value="v5" onclick="miafunzione(this);" />






<textarea name="check1" cols="30" rows="10" id="text1"></textarea>
<textarea name="check1" cols="30" rows="10" id="text2"></textarea>
<textarea name="check1" cols="30" rows="10" id="text3"></textarea>

</body>
</html>

**pagin** · 11-02-2011, 16:15

Funziona, si e mi potrebbe anche andare, ma un fatto..questo script lo devo inserire all-interno della parte amministrativa di un sito e se aggiungo tante texta area avrei la grafica troppo grande.
Secondo te non [ possibile re indirizzare i valori in un unica textarea_ *

\\scusa [ una domanda, ma ho la tastiera che mi da una marea di problemi, solo nei form non mi digita i simboli o le lettere accentate.....

**NonCeLaFaccio+** · 11-02-2011, 16:27

Cioè così?

codice:

<html>
<head>
<script>function miafunzione(mycheck) {
    if(!mycheck.checked) {
        if(document.getElementById("text1").value == mycheck.value)
            document.getElementById("text1").value = "";
    } else {
        if(document.getElementById("text1").value == "")
            document.getElementById("text1").value = mycheck.value;
    }
} </script>
</head>
<body>
1 <input type="checkbox" name="check1" value="v1" onclick="miafunzione(this);" /> -
2 <input type="checkbox" name="check2" value="v2" onclick="miafunzione(this);" /> -
3 <input type="checkbox" name="check3" value="v3" onclick="miafunzione(this);" /> -
4 <input type="checkbox" name="check4" value="v4" onclick="miafunzione(this);" /> -
5 <input type="checkbox" name="check5" value="v5" onclick="miafunzione(this);" />






<textarea name="check1" cols="30" rows="10" id="text1"></textarea>

</body>
</html>

**pagin** · 11-02-2011, 16:32

mi re indirizza solo il primo valore

**pagin** · 11-02-2011, 16:37

sbaglio io, mi inserisce solo un valore alla volta, infatti selezione in check1 e mi rimanda v1, lo deseleziono, poi seleziono il check 2 e mi rimanda v2, e cosi via dicendo

**NonCeLaFaccio+** · 11-02-2011, 16:45

Questo è proprio quello che intendevo dicendo "non so se quello che fa è ciò che vuoi".

Dovresti provare a spiegarmi con precisione cosa vuoi che faccia, cioè cosa deve succedere nei vari casi di check/unchek in rapporto a ciò che è già presente nella textarea.

Oppure spiegami in che contesto andrà inserito e a cosa dovrà servire.

**Mattia Vio** · 11-02-2011, 16:46

ma facendo come l'ultimo non ti sovrascrive il valore della textarea ogni volta con l'ultimo valore che passi a occhio ?

**NonCeLaFaccio+** · 11-02-2011, 16:53

No, non sovrascrive, scrive solo se la textarea è vuota

codice:

        if(document.getElementById("text1").value == "")
            document.getElementById("text1").value = mycheck.value;

**pagin** · 11-02-2011, 16:54

Ok, il tutto e in un contesto di un sito di e commerce.
Dunque in fase di inserimento degli attributi del prodotto ho bisogno di alcuni checkbox i cui valori sono attributi appunto dei prodotto, per esempo il colore rosso piuttosto che il colore verde, piuttosto che altro. A questo punto devo selezionare il checkbox relativo, e vorrei che mi vada a immettermi immediatamente nel textarea sottostante, e un textarea totalmente vuoto, ovviamente selezionero vari valori di checkbox, per esempio colore rosso e tessuto di seta, vorrei che questi mi andassero a riempire la textarea, se fossero gia in ordine uno sotto all altro sarebbe meglio, perch[ poi vorrei creare un bottone per selezionare tutto il contenuto della text area, e creare un bottone per copiare il tutto per poi incollarlo dell-editor dell-e commerce.
Rendendo piu veloce l-inserimento della descrizione del prodotto.

Ho gi' creato la funzione per selezionare tutti i valori dei checkbox, anche se sara praticamente inutile, ma il cliente l-ha richiesta, e anche la funzione per deselezionare tutte le scelte fatte.

Spero di essere stato chiaro, so che uno dei miei limiti e proprio la spiegazione....

Discussione: passaggio valori checkbox a textbox

Strumenti discussione

Ricerca discussione

Visualizza

passaggio valori checkbox a textbox

Permessi di invio