A két input mező alapban legyen a helyén a többivel, csak rejtsd el!
Majd egy scripttel ellenőrizd kattintáskor hogy van-e pipa.
Lehet még variálgatni, pl hogy a két inputot berakod egy div-be és a div-et rejted el, a script-es selector-okon
is lehet még egyszerűsíteni.
Pl:
Ez lenne mondjuk a két inputod és a checkbox:
HTML kód:
<input id="checkbox-azonosito" type="checkbox" checked />
<input id="rejtegetnivalo" type="text" class="input rejtett" />
<input id="rejtegetnivalo2" type="text" class="input rejtett" />
Ez megyen a stíluslapba(Css):
HTML kód:
.rejtett{display:none;}
A script (Jquery!):
HTML kód:
$('#checkbox-azonosito').click(function() {
var cbox = $(this);
if (cbox.is(':checked')){
$(".input").addClass("rejtett");
} else {
$(".input").removeClass("rejtett");
}
});
Elvileg a script kattintáskor megnézi van-e pipa, ha van akkor eltávolítja az input mezőkről a "rejtett" nevű css tulajdonságot,
ha nincs pipa akkor visszaállítja a rejtést.
Nem tesztelt!
Könyvjelzők