Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it L'avatar di tigerjack
    Registrato dal
    Aug 2003
    Messaggi
    1,661

    Jquer: come mostrare/nascondere DIV da selezione RADIO BOTTON

    Ciao a tutti,
    cerco suggerimenti come fare per:
    dai i due radio botton se selezionato NO (che è di defalut è NO) la parte dei due div
    <div class="opg-width-1-1"><input placeholder="Ragione Sociale"..... e
    <div class="opg-width-1-1"><input placeholder="P.IVA" ...................
    risultano NASCOSTI, mentre quando si seleziona SI i due div VENGONO RESI VISIBILI.
    Allego tutto il codice HTML..

    codice:
     <div class="opg-width-1-1">Hai bisogno della fattura:
      <div class="controls">
        <label for="fatt_si_no1" id="fatt_si_no1-lbl" class="radio">    
        <input placeholder="Hai bisogno della fattura:" name="fatt_si_no" id="fatt_si_no1" value="1" class=" required" type="radio">Sì
        </label>
        <label for="fatt_si_no0" id="fatt_si_no0-lbl" class="radio">    
        <input placeholder="Hai bisogno della fattura:" name="fatt_si_no" id="fatt_si_no0" value="0" checked="checked" class=" required" type="radio">No
        </label>
      </div>
      </div>
    
    
      <div class="opg-width-1-1"><input placeholder="Ragione Sociale" id="company_field" name="company" value="" maxlength="64" type="text"> </div>
      <div class="opg-width-1-1"><input placeholder="P.IVA" id="CF_PIVA_field" name="CF_PIVA" value="" maxlength="16" type="text"> </div>
    Grazie a tutti per l'attenzione
    Ultima modifica di tigerjack; 23-10-2017 a 22:52 Motivo: maggiori informazioni
    figlio perso e MAI ritrovato....?

  2. #2
    Utente di HTML.it L'avatar di tigerjack
    Registrato dal
    Aug 2003
    Messaggi
    1,661
    ciao a tutti,
    ho trovato questo esempio, come posso adattarlo ai radio botton
    <!doctype html>

    <html lang="en">

    <head>

    <meta charset="utf-8">

    <title>toggle demo</title>

    <style>

    p {

    background: #dad;

    font-weight: bold;

    font-size: 16px;

    }

    </style>

    <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

    </head>

    <body>



    <button>Toggle 'em</button>

    <p>Hiya</p>

    <p>Such interesting text, eh?</p>



    <script>

    $( "button" ).click(function() {

    $( "p" ).toggle( "slow" );

    });

    </script>



    </body>

    </html>

    Grazie a tutti per il supporto
    figlio perso e MAI ritrovato....?

  3. #3
    Utente di HTML.it L'avatar di tigerjack
    Registrato dal
    Aug 2003
    Messaggi
    1,661
    Ciao a tutti,
    sono riuscito a nascondere i campi DIV che mi interessa NASCONDERE con style='display:none;' ovviamente non è corretto ... poi sistemo questa cosa.. voglio capire se si può fare... che cliccando su SI del radio botton mi ritornano VISIBILI i due CAMPI DIV...

    <div class='opg-width-1-1' style='display:none;'><div class='opg-width-1-1'>compila correttamente i campi:<input placeholder="Ragione Sociale" type="text" id="company_field" name="company" value="" maxlength="64" /></div><div class='opg-width-1-1'><div class='opg-width-1-1' style='display:none;'><input placeholder="P.IVA" type="text" id="CF_PIVA_field" name="CF_PIVA" value="" maxlength="16" /></div></div></div>


    qualche suggerimento come attivare la funzione cliccando sul radio botton SI per MOSTRARE i campi nascosti?

    Grazie
    figlio perso e MAI ritrovato....?

  4. #4
    Utente di HTML.it L'avatar di tigerjack
    Registrato dal
    Aug 2003
    Messaggi
    1,661
    ciao a tutti,
    aggiungendo questa funzione
    <script type="text/javascript">
    $(function(){
    $('#fatt_si_no1').click(function(){


    if( $('#hide').css('display') == 'block' )
    $('#hide').css('display','none');
    else
    $('#hide').css('display','block');




    return false;
    });
    });
    </script>

    funziona sul CLICK ovviamente... qualche suggerimento per adattarla ai radio botton.

    grazie a tutti per il supporto
    figlio perso e MAI ritrovato....?

  5. #5
    Utente di HTML.it L'avatar di tigerjack
    Registrato dal
    Aug 2003
    Messaggi
    1,661
    ciao a tutti,
    sembra che con questa funziona il problema sia risolto

    <script src="https://ajax.googleapis.com/ajax/lib.../jquery.min.js"></script>
    <script type='text/javascript'>
    // <![CDATA[
    jQuery(document).ready(function(){
    $('input:radio[name="fatt_si_no"]').change(function(){
    if($(this).val() == '1'){
    if( $('#hide').css('display') == 'block' )
    $('#hide').css('display','none');
    else
    $('#hide').css('display','block');
    return false;
    }
    if($(this).val() == '0'){
    if( $('#hide').css('display') == 'block' )
    $('#hide').css('display','none');
    else
    $('#hide').css('display','block');
    return false;
    }
    });
    });
    // ]]>
    </script>


    Grazie a tutti per il supporto
    figlio perso e MAI ritrovato....?

  6. #6
    Moderatore di Javascript L'avatar di ciro78
    Registrato dal
    Sep 2000
    residenza
    Napoli
    Messaggi
    8,505
    la formattazione del codice!!!! ma ti pare possibile metterla così?
    Ciro Marotta - Programmatore JAVA - PHP
    Preferisco un fallimento alle mie condizioni che un successo alle condizioni altrui.


  7. #7
    Utente di HTML.it L'avatar di tigerjack
    Registrato dal
    Aug 2003
    Messaggi
    1,661
    ciao ciro78,

    con il javascript non c'è stato mai feeling... si vede :metallica

    ha ragione.. mi scuso. non capisco proprio come è stato possibile.. nonostante tutto ho cercato di modificare il post.. non sono riuscito...

    mi manca il forum dei vecchi tempi..... dove ci si aiutava e divertiva tra Stormy, Negatyve, Nap, Sephiroth, Dex, L'Angelo, ZofM... SuperSaibal! etc... ringrazio Killerworm (lo ricordo sempre con piacere) per il prezioso suggerimento che mi ha dato ... il bene ritorna e trionfa sempre!



    oggi è chiaro ed evidente che questo forum non mi appartiene...

    buon lavoro
    Ultima modifica di tigerjack; 28-10-2017 a 09:12
    figlio perso e MAI ritrovato....?

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 © 2024 vBulletin Solutions, Inc. All rights reserved.