Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Riempimento e svuotamento campi di testo con una checkbox

    Ciao,

    ho un form con una checkbox e con diversi campi di testo.

    <input name="button_sample" id="button_sample" type="checkbox" value="1">


    <input name="sample_fr" type="text" value="" >
    <input name="sample_de" type="text" value="" >
    <input name="sample_fr" type="text" value="" >


    <input name="descrizione_fr" type="text" value="" >
    <input name="descrizione_fr" type="text" value="" >
    <input name="descrizione_fr" type="text" value="" >


    E' possibile fare in modo che quando clicco la checkbox (checked) ogni campo di testo si riempia automaticamente con un testo definito e quando deseleziono la checkbox quegli stessi campi si svuotino?

    Grazie a chi mi può essere di aiuto
    Ciao
    Francesco

  2. #2
    Utente di HTML.it L'avatar di ninja72
    Registrato dal
    May 2020
    residenza
    -
    Messaggi
    319
    Intendi qualcosa del genere ?

    codice:
    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    
    <body>
        <input name="button_sample" id="button_sample" type="checkbox" value="1">
    
        <div class="formgroup">
            <input name="sample_fr" type="text" value="">
            <input name="sample_de" type="text" value="">
            <input name="sample_fr" type="text" value="">
    
            <input name="descrizione_fr" type="text" value="">
            <input name="descrizione_fr" type="text" value="">
            <input name="descrizione_fr" type="text" value="">
        </div>
    
    
        <script>
            const check = document.getElementById('button_sample')
            const allInput = document.querySelectorAll('.formgroup > input')
    
            const newValue = [1, 2, 3, 4, 5, 6]
    
            const checkAction = () => {
                allInput.forEach((input, idx) => {
                    input.value = newValue[idx]
                });
            }
    
            const checkReset = () => {
                allInput.forEach(input => {
                    input.value = ''
                });
            }
            check.addEventListener('click', (e) => {
                e.target.checked
                    ? checkAction()
                    : checkReset()
            })
        </script>
    </body>
    
    </html>

  3. #3
    Ciao ninja72,
    wow, che figata, é esattamente quello che intendevo e funziona alla grande!!!
    Ti ringrazio infinitamente :-)
    Ciao

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.