25.11.2022, 12:06
Hi Crynos,
ich habe dir ein Beispil erstellt. Das Element wird komplett entfernt und eine Entfernung des required-Attrbut muss damit nicht mehr erfolgen. Hier mein Beispiel:
Viel Erfolg
rzscout
ich habe dir ein Beispil erstellt. Das Element wird komplett entfernt und eine Entfernung des required-Attrbut muss damit nicht mehr erfolgen. Hier mein Beispiel:
Code:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Checkbox</title>
<script>
var elem;
document.addEventListener('DOMContentLoaded', ()=>{
let checkbox1 = document.getElementById('checkbox1');
createSecondCheckbox();
checkbox1.addEventListener('change', ()=>{
if(checkbox1.checked == true) {
removeSecondCheckbox();
} else {
if(!!document.getElementById('checkbox2')==false) {
createSecondCheckbox();
}
}
});
});
function createSecondCheckbox() {
elem = document.createElement('input'); elem.setAttribute('type', 'checkbox');
elem.setAttribute('id', 'checkbox2'); elem.setAttribute('name', 'checkbox2');
elem.setAttribute('required', 'required'); document.body.appendChild(elem);
}
function removeSecondCheckbox() {
elem.remove();
}
</script>
</head>
<body>
<input type="checkbox" name="checkbox1" id="checkbox1">
</body>
</html>Viel Erfolg
rzscout
"Gerne dürft ihr mir eine gute Bewertung da lassen aber auch gegenüber Kritik bin ich offen" 