[javascript] textvak verplichten an er een radio aan staat

[trigger808]

heb al uren lopen zoeken maar kan niet vinden wat ik zoek,
ik heb niet zo veel kennis/ervaring met javascript maar doe m'n best (lukt meestal wel met try & error (vooral error ).
ik wil een textvak verplicht maken maar alleen als er een bepaalde radio aan staat, staat die andere radio aan dan niet meer.
de radiobutton laat ik controleren door de waarde van de radio in een textvak te zetten en die dan via if (blabla.length<1) te checken (die ik hidden heb gemaakt.)
iemand een oplossing??

[faabman]

Aan de onsubmit van je formulier een scriptje hangen
Kijken naar de property .checked van je input type=radio
Wanneer die true is dan kijken of de .value.length van je textarea positief is
Zo nee, dan een foutmelding en een false teruggeven aan je submit event.

[André]

Hoe ziet je code er precies uit, kun je wat relevante code posten?
En wat lukt er niet precies, want over dit onderwerp is best veel te vinden.

[Standeman]

Hier kan je zien welke properties er allemaal aan een input element hangen en je dus kan checken met een if statement..

En deze reference van mozilla gebruik ik zelf meestal

[Verwijderd]

trigger808 schreef op donderdag 28 april 2005 @ 15:16:
heb al uren lopen zoeken maar kan niet vinden wat ik zoek,

Waar zoek je naar dan? Het enige dat je hoeft op te zoeken is een goede javascript reference manual.

ik wil een textvak verplicht maken maar alleen als er een bepaalde radio aan staat, staat die andere radio aan dan niet meer.
de radiobutton laat ik controleren door de waarde van de radio in een textvak te zetten en die dan via if (blabla.length<1) te checken (die ik hidden heb gemaakt.)
iemand een oplossing??

Sowieso is dat een rare manier om de waarde van een radio button te controleren. Maar ik zie het probleem niet. Jij moet gewoon zorgen dat je hier zelf uit komt. Veel eenvoudiger wordt het niet, gewoon even doorzetten. Het kan nooit meer zijn dan een eenvoudige if statement:

JavaScript:

if (document.forms['formnaam'].elements['radionaam'].value == 'spef') {
   // .....
}

[/code]

[trigger808]

deze functie vult in het vak "janeehidden" de waarde van de radio "janee" (on die later te controleren of die ingevuld is)
function check(janee)
{
document.forms[0].janeehidden.value=janee
}

dit zijn de radio's, als de onderste gekozen worden moeten er ook 2 andere textvakken worden ingevuld
<input type="radio" name="janee" value="alleen" onclick="check(this.value)">nee, blabla</td>
<input type="radio" name="janee" value="partcoll" onclick="check(this.value)">Ja, blabla</td>

textvak dat verplicht moet worden als de onderste radio wordt gekozen
<input type="text" name="naamcoll">

hidden textvak dat er alleen is om te controleren of er 1 van de radio's is gekozen
<input type="hidden" name="janeehidden" >

ik hoop dat dit duidelijk is (ik heb moeite met dingen kort en bondig uit te leggen)

[Verwijderd]

Vergeet die hidden input even helemaal. Die heb je nergens voor nodig.

[André]

Zou je [code] blokken om je script heen kunnen plaatsen in het vervolg

En zoals Cheatah aangeeft kun je met een simpele if-statement controleren of je radio gechecked is. Als je nog zoekt op onsubmit en form-validatie is dit simpel in te bouwen.

code:

<script type="text/javascript">
function check()
{
  if (document.forms["bla"].elements["janee"].value == "alleen")
  {
    if (document.forms["bla"].elements["naamcoll"].value == "") { return false; } else { return true; }
  }
  else { return true; }
}
</script>
<form name="bla" onsubmit="return check()">
  <input type="radio" name="janee" value="alleen">nee
  <input type="radio" name="janee" value="partcoll">ja
  <input type="text" name="naamcoll">
</form>

En met dit voorbeeld moet het helemaal gaan lukken want over dit onderwerp is genoeg te vinden