HTML Formular Radio Button „unchecken“ – „demakieren“

.. eine eigenartige Anforderung oder?

Wir haben ein Formular mit Radio Buttons und wollen dem User die Möglichkeit geben eine ausgewählte Radio Box wieder zu „demakieren“.  Normalerweise sollte man für diesen Zweck Checkboxen verwenden. Wer nun aber doch unbedingt Radio Buttons nehmen möchte, kann diese Funktion mit JavaScript nachbauen.

Das ganze würde dann so aussehen:

function check(radio){
  if(radio.getAttribute("isChecked")=="true"){
	radio.checked = false;
	radio.setAttribute("isChecked","false");
  } else {
	radio.setAttribute("isChecked","true");
  }
}

Dann brauchen die Radio Elemente nur noch ein

 onclick="check(this);"

und es funktioniert.

Also falls ihr mal solch eine Anforderung bekommt, hilft unser kleiner Artikel hoffentlich 🙂