HTML-szerkesztés kezdőknek!!!
-
#7338
Tehát tegyük fel, hogy van egy ilyesmi szerkezeted egy űrlapon belül:
<input type="checkbox" name="rules" id="rules" value="Elfogadom" />
<label for="rules">A szabályzatot elfogadom</label>
<input type="submit" name="submit" id="submit" value="Elküld" />
Ehhez az alábbi HTML-kódba illesztett Javascript-kódot javaslom (<head> és </head> tagek közé illeszd be):
<script type="text/javascript">
function showhidesubmit() {
//Ha a "rules" azonosítójú kijelölőnégyzet be van jelölve...
if (document.getElementById('rules').checked) {
//...megjelenítjük a "submit" azonosítójú gombot
document.getElementById('submit').disabled = false;
} else {
//...ha nem akkor: 1. Megjelenítjük a hibaüzenetet, 2. Elrejtjük a gombot
alert ('Fogadd el a szabályzatot!');
document.getElementById('submit').disabled = true;
}
}
</script>
Erre a függvényre hivatkozz az oldal betöltésekor:
<body onload="showhidesubmit();">
Illetve a kiválasztó négyzetre való kattintáskor (a fent említett űrlapban kell módosítani):
<input type="checkbox" name="rules" id="rules" onclick="showhidesubmit();" value="Elfogadom" />