Visualizzazione dei risultati da 1 a 8 su 8

Discussione: checkbox e campo testo

  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2001
    Messaggi
    855

    aiuto checkbox e campo testo

    ciao a tutti,
    ho vari checkbox e un campo di testo.

    é possibile riempire il campo di testo con i valori dei checkbox mentre si selezionano?

  2. #2
    prova cosi:
    codice:
    <form name="form1" method="post" action="">
      <input type="checkbox" name="checkbox1" value="ciao" onclick="if (document.form1.checkbox1.selected=true) document.form1.textfield1.value=document.form1.checkbox1.value">
      <input type="text" name="textfield1">
    </form>

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2001
    Messaggi
    855
    scusa, ho fatto questo script qui.

    <script language="JavaScript">
    <!--
    function diff() {

    if (document.form1.txtiddatiditta1.checked){
    document.form1.c3.value=document.form1.c3.value+do cument.form1.txtiddatiditta1.value;
    }

    else if (document.form1.txtiddatiditta2.checked){
    document.form1.c3.value=document.form1.c3.value+do cument.form1.txtiddatiditta2.value;
    }

    }
    //-->

    </script>


    <head>
    <body>
    <form name="form1">
    <INPUT type=checkbox value=1111 name=txtiddatiditta1 onchange="diff();">
    <INPUT type=checkbox value=2222 name=txtiddatiditta2 onchange="diff();">
    <INPUT type=checkbox value=3333 name=txtiddatiditta3 onchange="diff();">
    <INPUT type=checkbox value=4444 name=txtiddatiditta4 onchange="diff();">
    <INPUT type=checkbox value=5555 name=txtiddatiditta5 onchange="diff();">


    <input type="text" name="c3" readonly>
    </form>

    ma mi fa un casino...
    cioè mi riempe il campo di testo colo con il valore del primo checkbox.
    cosa posso fare?

  4. #4
    se ogni checkbox ha un suo text a fianco puoi trattarli come fossero dei vettori...e quindi controllarli uno x uno..cioe
    se checkbox1 è checcato allora scrivi nel text1
    se checkbox2 è checcato allora scrivi nel text2

    ovviamente ti conviene usare un for
    --> se checkbox'+i+' è checcato allora scrivi nel text'+i+'

    ...ehm..ti ho dato l'idea x avere anche la sintassi corretta aspetta un po che mi sveglio

  5. #5
    Utente di HTML.it
    Registrato dal
    Oct 2001
    Messaggi
    855
    ho fatto cosi:

    <form name="form1">
    <script language="JavaScript">
    <!--
    function diff() {

    for (i=1; i<6; i++){

    if (document.form1["txtiddatiditta"+i].checked)
    document.form1.c3.value=document.form1.c3.value+do cument.form1["txtiddatiditta"+i].value;

    }

    }
    //-->

    </script>

    <INPUT type=checkbox value=1111 name=txtiddatiditta1 onchange="diff();">
    <INPUT type=checkbox value=2222 name=txtiddatiditta2 onchange="diff();">
    <INPUT type=checkbox value=3333 name=txtiddatiditta3 onchange="diff();">
    <INPUT type=checkbox value=4444 name=txtiddatiditta4 onchange="diff();">
    <INPUT type=checkbox value=5555 name=txtiddatiditta5 onchange="diff();">


    <input type="text" name="c3" size="50"readonly>
    </form>

    primo problema è che cliccando sui chceck non mi aggiorna il campo di testo automaticamente ma ci devo cliccare dentro per far comparire il valore aggiornato;
    poi se clicco il primo check e poi il secondo ho il valore del primo duplicato e cosi con tutti gli altri.

    cosa faccio?

  6. #6
    Utente di HTML.it
    Registrato dal
    Nov 2001
    Messaggi
    63
    <script language="JavaScript">
    <!--
    function diff() {
    document.form1.c3.value= '';
    for (var i=1; i<6; i++){
    if (document.form1["txtiddatiditta"+i].checked)
    document.form1.c3.value += ' '+document.form1["txtiddatiditta"+i].value; } }
    //-->

    </script>

    <form name="form1">
    <INPUT type=checkbox value=1111 name=txtiddatiditta1 onclick="diff();">
    <INPUT type=checkbox value=2222 name=txtiddatiditta2 onclick="diff();">
    <INPUT type=checkbox value=3333 name=txtiddatiditta3 onclick="diff();">
    <INPUT type=checkbox value=4444 name=txtiddatiditta4 onclick="diff();">
    <INPUT type=checkbox value=5555 name=txtiddatiditta5 onclick="diff();">


    <input type="text" name="c3" size="50"readonly>
    </form>

    ciao
    javascript: tutto attaccato

  7. #7
    Utente di HTML.it
    Registrato dal
    Oct 2001
    Messaggi
    855
    grazie tanto

  8. #8
    Utente di HTML.it
    Registrato dal
    Oct 2001
    Messaggi
    855
    scusa ho un piccolo problema..
    dovrei riempire anche un'altro campo di testo.
    ho fatto cosi:

    <script language="JavaScript">
    <!--
    function diff() {
    document.form1.c3.value= '';
    document.form1.cbanner.value= '';
    for (var i=1; i<6; i++){
    if (document.form1["txtiddatiditta"+i].checked)
    document.form1.c3.value += ';'+document.form1["txtiddatiditta"+i].value;
    document.form1.cbanner.value += ';'+document.form1["txtimgbanner"+i].value;
    } }
    //-->

    </script>

    <form name="form1">
    <INPUT type=checkbox value=1111 name=txtiddatiditta1 onclick="diff();">
    <INPUT type=checkbox value=2222 name=txtiddatiditta2 onclick="diff();">
    <INPUT type=checkbox value=3333 name=txtiddatiditta3 onclick="diff();">
    <INPUT type=checkbox value=4444 name=txtiddatiditta4 onclick="diff();">
    <INPUT type=checkbox value=5555 name=txtiddatiditta5 onclick="diff();">

    <input type="hidden" name="txtimgbanner1" value="img1.gif">

    <input type="hidden" name="txtimgbanner2" value="img2.gif">

    <input type="hidden" name="txtimgbanner3" value="img3.gif">

    <input type="hidden" name="txtimgbanner4" value="img4.gif">

    <input type="hidden" name="txtimgbanner5" value="img5.gif">




    <input type="text" name="c3" size="50"readonly>
    <input type="text" name="cbanner" size="50"readonly>
    </form>

    il problema che appena clicco un check il campo di testo cbanner
    ha il valore ";img1.gif;img2.gif;img3.gif;img4.gif;img5.gif ".

    perchè ho tutti i volori?

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.