Buondi a tutti, scusatemi in anticipo se dico o faccio stupidaggini.... il mio problema credo che sia risolvibile ,ma non so proprio come. Ho un form di richiesta dati , se clicco il checkbox 1 mi si apre un campo x di input , se clicco il checkbox 2 ne apro un altro diffrente. Scelta singola per cui o uno o l'altro. Sin qui tutto bene. Ma se mi sbaglio e seleziono prima uno e poi l'altro, non si nasconde quello apparso per primo. Spero di essermi spiegato bene....grazie mille
getElementById()
- Creatore Discussione ricardo
- Data di inizio
<input type="radio" name="tipologia" value="persona" id="persona" onclick="myFunction(this.id,'nascita')">Persona Fisica</label></div>
<div class='col-sm-4' ><label class="form-check-label">
<input type="radio" name="tipologia" value="societa" id="societa" onclick="myFunction(this.id,'PI')">Persona Giuridica</label></div>
</div>
</div>
<div class="form-group">
<input type="date" class="form-control" id="nascita" style="display:none" name="dt_nsct" placeholder="Data di nascita" value"">
</div>
<div class="form-group">
<input type="text" class="form-control" id="PI" style="display:none" name="PI" placeholder="Partita Iva" value"">
</div>
<script>
function myFunction(id,pid) {
var checkBox = document.getElementById(id);
var text = document.getElementById(pid);
if (checkBox.checked == true){
text.style.display = "block";
} else {
text.style.display = "none";
}
}
</script>
Ecco, credo che sia giusto sono in giro ed ho recuperato il tutto dal cell.... Grazie
<div class='col-sm-4' ><label class="form-check-label">
<input type="radio" name="tipologia" value="societa" id="societa" onclick="myFunction(this.id,'PI')">Persona Giuridica</label></div>
</div>
</div>
<div class="form-group">
<input type="date" class="form-control" id="nascita" style="display:none" name="dt_nsct" placeholder="Data di nascita" value"">
</div>
<div class="form-group">
<input type="text" class="form-control" id="PI" style="display:none" name="PI" placeholder="Partita Iva" value"">
</div>
<script>
function myFunction(id,pid) {
var checkBox = document.getElementById(id);
var text = document.getElementById(pid);
if (checkBox.checked == true){
text.style.display = "block";
} else {
text.style.display = "none";
}
}
</script>
Ecco, credo che sia giusto sono in giro ed ho recuperato il tutto dal cell.... Grazie
@ricardo
Da regolamento del forum, come tutti noi sei tenuto ad usare il tag
quando posti del codice php, oppure la funzione codice dalla barra degli strumenti
Inoltre IMPORTANTE: Prima di creare una nuova discussione o di rispondere alle discussioni esistenti ricordati di leggere attentamente il Regolamento del Forum e l'eventuale regolamento specifico della sezione!
Grazie
Correggi i tuoi post mi raccomando altrimenti sarò costretto a cancellare le discussioni
Da regolamento del forum, come tutti noi sei tenuto ad usare il tag
Inoltre IMPORTANTE: Prima di creare una nuova discussione o di rispondere alle discussioni esistenti ricordati di leggere attentamente il Regolamento del Forum e l'eventuale regolamento specifico della sezione!
Grazie
Correggi i tuoi post mi raccomando altrimenti sarò costretto a cancellare le discussioni
<!DOCTYPE html>
<html lang='it'>
<head>
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css'>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js'></script>
<link rel='stylesheet' href='css/newstyle.css'>
<script>
function myFunction(id,pid) {
var checkBox = document.getElementById(id);
var text = document.getElementById(pid);
if (checkBox.checked == true){
text.style.display = "block";
} else {
text.style.display = "none";
}
}
</script>
</head>
<body>
<input type="radio" name="tipologia" value="persona" id="persona" onclick="myFunction(this.id,'nascita')">Persona Fisica</label></div>
<div class='col-sm-4' ><label class="form-check-label">
<input type="radio" name="tipologia" value="societa" id="societa" onclick="myFunction(this.id,'PI')">Persona Giuridica</label></div>
</div>
</div>
<div class="form-group">
<input type="date" class="form-control" id="nascita" style="display:none" name="dt_nsct" placeholder="Data di nascita" value"">
</div>
<div class="form-group">
<input type="text" class="form-control" id="PI" style="display:none" name="PI" placeholder="Partita Iva" value"">
</div>
Non so se adesso va bene. Il mio primo problema è quello che una volta selezionato il campo 1, volendo passare al campo 2, il campo nascosto "data di nascita" rimane attivo. Grazie in anticipo per la pazienza.
<html lang='it'>
<head>
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css'>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js'></script>
<link rel='stylesheet' href='css/newstyle.css'>
<script>
function myFunction(id,pid) {
var checkBox = document.getElementById(id);
var text = document.getElementById(pid);
if (checkBox.checked == true){
text.style.display = "block";
} else {
text.style.display = "none";
}
}
</script>
</head>
<body>
<input type="radio" name="tipologia" value="persona" id="persona" onclick="myFunction(this.id,'nascita')">Persona Fisica</label></div>
<div class='col-sm-4' ><label class="form-check-label">
<input type="radio" name="tipologia" value="societa" id="societa" onclick="myFunction(this.id,'PI')">Persona Giuridica</label></div>
</div>
</div>
<div class="form-group">
<input type="date" class="form-control" id="nascita" style="display:none" name="dt_nsct" placeholder="Data di nascita" value"">
</div>
<div class="form-group">
<input type="text" class="form-control" id="PI" style="display:none" name="PI" placeholder="Partita Iva" value"">
</div>
Non so se adesso va bene. Il mio primo problema è quello che una volta selezionato il campo 1, volendo passare al campo 2, il campo nascosto "data di nascita" rimane attivo. Grazie in anticipo per la pazienza.
Discussioni simili
Discussioni simili
-
-
[Javascript] document.getElementById non funziona come mi aspetto- Iniziata da gandalf1959
- Risposte: 4
-
-
-
sostituzione contenuto diversi div con document.getelementbyid
- Iniziata da littleham
- Risposte: 1
-
-
problemi con $.each(data, function(i,item) e getElementById("livello").innerHTML=
- Iniziata da frezza
- Risposte: 0
-
document.getElementById("xxxxx").innerHTML iterato con un for
- Iniziata da cavaliere123
- Risposte: 11
-
-
-
-
-
-