Toon posts:

[Javascript] dynamic inputfields icm radiobutton

Pagina: 1
Acties:

Verwijderd

Topicstarter
Een goeiedag!
Weet iemand hoe ik een interactie kan krijgen tussen een aantal input textfields en een set radiobuttons?
De bedoeling is alsvolgt, er zijn twee radiobuttons:

Vraag 1
()ja
()nee

Daarnaast zijn er 5 inputfields

Vraag 2
[_____]1
[_____]2
[_____]3
[_____]4
[_____]5

Nu wil ik dat deze inputfields bij vraag 2 alleen ingevuld kunnen worden als de radiobutton bij vraag 1 op JA staat. Als deze op NEE staat moet er bij het focussen op een van de inputfields een melding komen dat deze velden alleen mogen worden ingevuld als de radiobutton op JA staat.

Heb van alles geprobeerd maar kom er niet uit, hopelijk weet iemand een oplossing. Zoniet dan heb ik een zwaar weekend tegoed ;)

Alvast bedankt...

Verwijderd

Heb van alles geprobeerd maar kom er niet uit, hopelijk weet iemand een oplossing. Zoniet dan heb ik een zwaar weekend tegoed
Wat heb je dan al geprobeerd? Vlgns mij kan je zodra er op een vakje gefocused wordt een eigen gemaakte functie aanroepen die controleert of "ja" of "nee" geselecteerd is. Als "nee" geselecteerd is kan je een alert op de gebruiker afvuren. Je zou er zelfs voor kunnen kiezen om de vakjes vervolgens readonly te maken.

Verwijderd

Hey Rik, nooit gedacht dat ik jou hier zou zien... :)

Well, here it goes, for old times' sake:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script type="text/javascript">
<!--

function doRadioThing( radioElt ) {
    if(radioElt.value == 'ja') var bDisabled = false;
    else var bDisabled = true;
    for(var i=0; i<5; i++) {
        radioElt.form.elements['text'+i].disabled = bDisabled;
    }
}
//-->
</script>
</head>

<body>
<form>
<input type="radio" name="a" value="ja" onclick="doRadioThing(this)"> Ja<br>
<input type="radio" name="a" value="nee" onclick="doRadioThing(this)"> Nee<br>
<br>
<input type="text" name="text0"><br>
<input type="text" name="text1"><br>
<input type="text" name="text2"><br>
<input type="text" name="text3"><br>
<input type="text" name="text4">

Verwijderd

Topicstarter
Ja, ook ik hier :) Niet al te vaak hoop ik...
Dank u heer... ik ga er mee aan de slag!