value radiobutton - Softwareontwikkeling

vrijdag 1 oktober 2004 13:11

Acties:

Verwijderd

Topicstarter

Ik ben bezig met een script waar mensen zich kunnen aanmelden op mijn site. Ze moet ook opgeven of ze een man of vrouw zijn, doormiddel van een radiobutton. Als ze nou bijvoobeeld een veld vergeten zijn in te vullen krijgen ze hier een melding van, en moet hetgene wat ze ingevuld hebben wel blijven staan. Bij een text field is dit geen probleem. Maar hoe los ik dit op bij een radiobutton?

code:

.
..
...

        <tr> 
          <td>Website:<br> </td>
          <td><input name='website' type='text' class='formschrijf' size='25' maxlength='50' value='".$_POST['website']."'></td>
        </tr>
        <tr> 
          <td>Geslacht:<br> </td>
          <td><input type='radio' name='gender' value='Man'>Man <input type='radio' name='gender' value='Vrouw'>Vrouw <font color='#CC0000'>*</font></td>
        </tr>

...
..
.

vrijdag 1 oktober 2004 13:15

Acties:

André

Analytics dude

Om de waarde van de geselecteerde radiobutton op te vragen is een speciale functie vereist, je kunt 1 voor 1 alle radiobuttons bijlangs gaan om te kijken welke gechecked is maar dat wordt al snel omslachtig. We gebruiken de volgende radiobuttons in het voorbeeld:

code:

1 2	<input type="radio" name="geslacht" value="man" checked="checked">Man <input type="radio" name="geslacht" value="vrouw">Vrouw

Dit is de simpele manier, maar is eigenlijk alleen geschikt voor maximaal 2 radiobuttons:

code:

if (document.getElementById("formulier").elements["geslacht"][0].checked)
  { // man }
else
  { // vrouw }

Dit is de beste manier:

code:

function radioValue(elm) {
  for(var i = 0; i < elm.length; i++)
    if (elm[i].checked)
      return elm[i].value;
}
radioValue(document.getElementById("formulier").elements["geslacht"]);

vrijdag 1 oktober 2004 13:19

Acties:

Verwijderd