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

    Checkbox e Radio combinate

    Dato il seguente codice:




    <input name="desidero" type="checkbox"/>
    desidero iscrivermi.



    <span class="text11">Dichiarazione di consenso art. 13 D.L. 30/06/2003 n.196 relativamente al trattamento dei miei dati personal</span>



    <span class="text11">
    <input name="consenso" type="radio" value="si" />
    D&ograve; il consenso
    <input name="consenso" type="radio" value="no" />
    Nego il consenso</span></p>




    Quello che vorrei poter fare è la seguente:
    l'utente nel momento in cui seleziona la checkbox per iscriversi, attivi ( di default le radio per il consenso sono disabled ) in automatico il tag input del consenso. Inoltre nel caso che l'utente deseleziona la checkbox ( e quindi non vuole iscriversi ) i 2 tag per il consenso si devono disabilitare.
    Qualcuno può aiutarmi?

  2. #2
    Qualcuno può aiutarmi a risolvere questo problema?

  3. #3
    Ho risolto il problema in questo modo: (sicuramente esisterà qualche funzione + elegante ma anche questa funziona )

    <script>

    function attiva() {
    frm1 = document.getElementById('consenso1');
    frm2 = document.getElementById('consenso2');
    //cbx = frm.getElementsByTagName('input');
    //if (!(frm.checked)) frm.removeAttribute('checked');

    if (frm1.disabled) {
    frm1.removeAttribute('disabled');
    frm2.removeAttribute('disabled');
    frm1.setAttribute('checked');
    }
    else
    if (!(frm1.disabled)) {
    frm1.setAttribute('disabled');
    frm2.setAttribute('disabled');
    }
    }

    </script>


    <input name="desidero" type="checkbox" onclick="attiva()" />
    e
    <input id="consenso1" name="consenso" type="radio" value="si" disabled />
    <input id="consenso2" name="consenso" type="radio" value="no" disabled />

    Quindi inizialmente ho le due radio disabilitate e nel momento in cui attivo la checkbox, vengono attivate le radio con la prima (consenso1) che risulta checked.

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.