ist es möglich durch einen Klick auf einen Radio-Button Felder auf required zu setzten und anschließend wieder aufzuheben wenn man (der User) eine andere Option wählt?
Mit Javascript kannst Du die nicht benötigten Inputs nicht nur auf required setzen bzw, dieses aufheben, sondern sogar verschwinden lassen (das habe ich durch Kommenarzeichen abgeschaltet) bzw. sperren.
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
// wenn das Dokument geladen wird führe aus:
window.onload=function () {
// binde die Funktion requireMail() an das Ereignis change für die Objekte:
document.getElementById('wechselYes').onchange=function () { requireMail(); }
document.getElementById('wechselNo').onchange=function () { requireMail(); }
}
function requireMail() {
var obj=document.getElementById('mailadresse');
if (document.getElementById('wechselYes').checked) {
obj.required=true; // Eingabe benötigt
obj.disabled=false; // Eingabe erlauben
//obj.style.display='inline'; // anzeigen
} else {
obj.required=false; // Eingabe nicht benötigt
obj.value='' // Eingaben löschen
obj.disabled=true; // Eingabe verbieten
//obj.style.display='none'; // Nicht mehr anzeigen
}
}
</script>
</head>
<body>
<form id="anmelden" name="anmelden" method="post">
<input type="radio" name="wechsel" id="wechselYes" value="1" checked="checked" />
<label for="wechselYes">Ja</label>
<input type="radio" name="wechsel" id="wechselNo" value="2" />
<label for="wechselNo">Nein</label>
<label for="mailadresse">eMail Adresse</label>
<input type="email" name="mailadresse" id="mailadresse" value="" />
<label for="name">Name</label>
<input type="text" name="name" id="name" value="" />
<label for="ort">Ort</label>
<input type="text" name="ort" id="ort" value="" />
</form>
</body>
</html>