Radio buttons valideren

[mzweedijk]

Ik heb de onderstaande code verwerkt om in mijn webformulier (op 'onSubmit') radio buttons te valideren:

Deze code werkt echter alleen voor ÉÉN SERIE RADIO BUTTONS (hier radio_series1). Nu ben ik niet zo'n held in JavaScript, dus mijn vraag is: hoe kan deze code omgebouwd worden zodat ik 30 series van radio buttons (met een andere 'name') kan checken.

<script Language="JavaScript">
<!--
function radio_button_checker()
{
// set var radio_choice to false
var radio_choice = false;


	// Loop from zero to the one minus the number of radio button selections
	
	for (counter = 0; counter < comp_formulier.radio_series1.length; counter++)
	{
	// If a radio button has been selected it will return true
	// (If not it will return false)
	if (comp_formulier.radio_series1[counter].checked)
	radio_choice = true; 
	}
	
	if (!radio_choice)
	{
	// If there were no selections made display an alert box 
	alert("You did not select all series of radio buttons")
	return (false);
	}
	return (true);
	}

-->
</script>

Bij voorbaat dank!

 

[Egel]

Dit controleert bij een heel formulier of alle radios ingevuld zijn:

<!-- javascript -->

<script type="text/javascript">
 // Egel 080623 ;)
 function checkRadio(f) {
  var e, r, ok, naam = '', fout = '';
  for (var i = 0; i < f.elements.length; i++) {
   e = f.elements[i];
   if (e.type == 'radio' && e.name != naam) {
    naam = e.name;
    r = f[naam];
    ok = false;
    for (var j = 0; j < r.length; j++) if (r[j].checked) ok = true;
    if (!ok) fout += naam + ' is niet ingevuld!\n';
    };
   };
  if (fout == '') return true;
  alert(fout);
  return false;
  };
</script>

<!-- html -->

<form onsubmit="return checkRadio(this)">
 0:
 <input type="text" name="tekst" size="24">
 <br>
 A:
 <input type="radio" name="a" value="1"> 1
 <input type="radio" name="a" value="2"> 2
 <input type="radio" name="a" value="3"> 3
 <input type="radio" name="a" value="4"> 4
 <br>
 B:
 <input type="radio" name="b" value="1"> 1
 <input type="radio" name="b" value="2"> 2
 <input type="radio" name="b" value="3"> 3
 <input type="radio" name="b" value="4"> 4
 <br>
 C:
 <input type="radio" name="c" value="1"> 1
 <input type="radio" name="c" value="2"> 2
 <input type="radio" name="c" value="3"> 3
 <input type="radio" name="c" value="4"> 4
 <input type="radio" name="c" value="5"> 5
 <br>
 Ok:
 <input type="checkbox" name="d" value="ok"> ?
 <br>
 <input type="submit">
</form>

Je moet hierbij wel onsubmit="return checkRadio(this)"> gebruiken.


Vr.Gr. Egel.