effetto hide e show con checkbox
Taggato: checkbox
- Questo topic ha 7 risposte, 2 partecipanti ed è stato aggiornato l'ultima volta 11 anni, 10 mesi fa da cerino.
- AutorePost
- 31 Maggio 2012 alle 09:52 #1710cerinoPartecipante
Salve,
ho una pagina web con un checkbox… al click ( quando viene selezionato ) di quest’ultimo, faccio apparire con (.show) un div…, non riesco pero’ a far si’ che come viene deselezionata la checkbox il div scompaia…come posso fare?Vi incollo lo script attuale:31 Maggio 2012 alle 09:53 #2075cerinoPartecipanteops lo script come lho incollato ha fatto problemi…. lo rimetto qui giu…
<script type=”text/javascript”>jQuery(document).ready(function($) {$(“.option2”).click(function(){$(“.magictest2”).show();});});</script>GrazieAndrea9 Giugno 2012 alle 09:29 #2076jqueryitaliaAmministratoreCiao cerino.
Non devi utilizzare il click ma una funzione che verifichi se il checkbox è checked o no
9 Giugno 2012 alle 10:22 #2077cerinoPartecipanteOk ok ma con che funzione posso fare ciò ?
GrazieAndrea12 Giugno 2012 alle 07:45 #2078jqueryitaliaAmministratoreAllora supponendo che il checkbox abbia id setshow e che il div abbia id show, la funzione è la seguente:
$(document).ready(function() {
$(‘#setshow’).change(function(){
if ($(this).is(“:checked”)) {
$(‘#show’).show();
} else {
$(‘#show’).hide();
}
})
});Ovviamente il div dovrà essere inizializzato con display:none; nel css se desideri che inizialmente non sia visibile.
Trovi un esempio funzionante qui: https://www.jqueryitalia.org/tutorial/showdiv.html
12 Giugno 2012 alle 21:42 #2079cerinoPartecipanteGrazie gentilissimo!
Con l’esempio è pure perfetto!!Visto che mi ci trovo:Dentro il div che fa show e hide c’è un input text, vorrei fare che quando si selezionail checkbox, viene razzerrato il value attuale di quel input text, e poi fare il .hide normale.Forse non riesco ad essere chiaro… prima dell’hide dovrei intercettare un campo input text e razzerare il suo contentuto!Come posso fare?Grazie per la disponibilità13 Giugno 2012 alle 07:14 #2080jqueryitaliaAmministratoreSupponendo che l’input abbia id ‘myvalue’, modifica la funzione in questo modo:
…
if ($(this).is(“:checked”)) {
$(‘#show’).show();
$(‘#myvalue’).val(”);
} else {
$(‘#show’).hide();
}
….Buon lavoro!
13 Giugno 2012 alle 07:24 #2081cerinoPartecipanteGrazie gentilissimo!
- AutorePost
- Devi essere connesso per rispondere a questo topic.