Toon posts:

[html+js] radio button check

Pagina: 1

Acties:

81 views sinds 30-01-2008
Reageer

zaterdag 11 mei 2002 13:49

Acties:

DPLuS

Topicstarter

Ik krijg het volgende niet correct werkend:

Als de gebruiker op een button klikt, moet er bij onClick gecontroleerd worden of één radio-button geselecteerd is.
Zo ja, dan document.form.submit();, en anders een alert("Niets geselecteerd!");

Dit is de code die ik tot nu toe heb:

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="JavaScript">
function CheckRadio() 
{
      for (var i=0; i < document.formulier.bla.length; i++)
      {
         if (document.formulier.bla[i].checked) 
         { 
            document.formulier.submit();
         }
      }
} 
</script>

</HEAD>

<BODY>

<form name=formulier>
<input type=radio name=bla value=1>Bla
<input type=radio name=bla value=2>Bla
<input type=radio name=bla value=3>Bla
<input type=button onClick="CheckRadio()" value=ok> 
</form>

</BODY>
</HTML>

Waar moet ik nu ergens zetten dat 'ie moet alerten als er niets geselecteerd is?

PS: Het probleem is nl. dat als ik deze code eronder zet:

else {
alert("Niets geselecteerd");
}

bij ieder vakje dat niet geselecteerd is die alert-msg komt...

zaterdag 11 mei 2002 14:07

Acties:

Engineer

Software

[ Voor 100% gewijzigd door Engineer op 13-10-2018 11:42 ]

zaterdag 11 mei 2002 14:13

Acties:

DPLuS

Topicstarter

Omdat het vragen zijn over boeken die kinderen moeten lezen.
Als ze voldoende punten halen, krijgen ze een "leesdiploma"...

zaterdag 11 mei 2002 14:15

Acties:

Annie

amateur megalomaan

code:

else {
  alert("Niets geselecteerd");
  break;
}

Of binnen de loop alleen een var op true/false zetten en pas na de loop een aktie verbinden aan de waarde (bijv. true=>submit false=>alert)

Today's subliminal thought is:

zaterdag 11 mei 2002 14:49

Acties:

DPLuS

Topicstarter

Dan werkt het nog niet...

Ik geloof dat het iets te maken heeft met die for-loop...

zaterdag 11 mei 2002 14:55

Acties:

DPLuS

Topicstarter

ik heb het nu anders gedaan, en nu werkt het tenminste wel:

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="JavaScript">

function CheckRadio() {

    if (document.formulier.bla[0].checked == false && document.formulier.bla[1].checked == false && document.formulier.bla[2].checked == false) {
        alert("Niets ingevuld!");
    }
    else {
        document.formulier.submit();
    }

}

</script>

</HEAD>

<BODY>

<form name=formulier>
<input type=radio name=bla value=1>Bla
<input type=radio name=bla value=2>Bla
<input type=radio name=bla value=3>Bla
<input type=button onClick="CheckRadio()" value=ok> 
</form>

</BODY>
</HTML>

zaterdag 11 mei 2002 15:20

Acties:

Annie

amateur megalomaan

Op zaterdag 11 mei 2002 14:49 schreef DPLuS het volgende:
Dan werkt het nog niet...

Ik geloof dat het iets te maken heeft met die for-loop...

Uhm, nee, heeft er meer mee te maken dat ik nog niet helemaal wakker ben

Dit werkt een stuk beter:

code:

function CheckRadio() 
{
    var check = false;
    for (var i=0; i < document.formulier.bla.length; i++) {
        if (document.formulier.bla[i].checked) {
            check = true;
            break;
        }
    }
    if (check) {
        document.formulier.submit();
    } else {
        alert("Niets ingevuld!");
    }
}

Today's subliminal thought is:

zaterdag 11 mei 2002 15:29

Acties:

DPLuS

Topicstarter

Het scheelt inderdaad iets in typwerk!

Die check=false is een mooie oplossing

zaterdag 11 mei 2002 15:41

Acties:

crisp

Devver

Pixelated

code:

if (!chkradio(document.formulier.bla)) alert('Voudt!');

function chkradio(id) {

  var checked = false;
  for (var i = 0; i < id.length && !checked; i++) if (id[i].checked) checked = true;
  return checked;

}

Intentionally left blank

Pagina: 1

Reageer