✔ Radio Button als Pflicht definieren mit js

[Pludan]

Hallo

Ich muss in einem Formular die Radio Button als Pflicht Button definieren.

Dies haben ich so ohne erfolg versucht:

if(document.newuser.mobilefunkanbieter_radio.value === "") {
            document.getElementById('mobilefunkanbieter_radio').style.color = "red";
            errorvar = "1";
        } else {
            document.getElementById('mobilefunkanbieter_radio').style.color = "black";
        }

Bei Eingabefelder funktioniert der Code.

Kann mir jemand sagen wie ich dies bei Radio Button zum funktionieren bringe.
Bin js Anfänger.

Vielen Dank für eure Hilfe
Beste Grüsse Daniel

 

[Sempervivum]

Die Lösung findest Du hier:
https://stackoverflow.com/questions...e-required-attribute-with-a-radio-input-field

    <style>
        input[name='radio1']:invalid + label {
            color: red;
        }
    </style>
    <form>
        <input type="radio" name="radio1" value="rd1" required /><label>Radio 1</label>
        <input type="radio" name="radio1" value="rd2"  /><label>Radio 2</label>
        <input type="radio" name="radio1" value="rd3"  /><label>Radio 3</label>
    </form>

 

[Pludan]

Lösung

function checkForm(){
   
var checked = false;
   var choices = document.getElementsByName("mobilefunkanbieter_radio");;
   for (var i = 0;i < choices.length;i++){
    if (choices[i].checked) {checked = true;}
   }
   if ((!checked) && $("#tblnummer_uebernehmen input:checked").length > 0){
    document.getElementById('mobilefunkanbieter_titel').style.color = "red";
    errorvar = "1";
   } else {
    document.getElementById('mobilefunkanbieter_titel').style.color = "black";
   } 
  if (errorvar === "1") {
   alert("Bitte füllen Sie alle Pflichtfelder aus!");
   return false;
  } else {
   $("#formular").fadeIn();
  }
 });