Met radio button tekstveld leeg maken

Status
Niet open voor verdere reacties.

simon911

Gebruiker
Lid geworden
18 feb 2012
Berichten
61
Hallo allemaal,

Is er ook een javascriptje dat als ik op een radio button klik,
dat hij dan het tekstveld leeg maakt en disable maakt?

Al vast bedankt!
 
Yep ;) Zet de value-waarde van het tekstelement op leeg en de disabled-waarde op "disabled". Zorg in regel 14 alleen even dat je de goede elementen uit je document te pakken hebt ;)

[JS]function addEvent(el, type, callback, useCapture) {
if (el.addEventListener) {
el.addEventListener(type, callback, useCapture);
}
else if (el.attachEvent) {
el.attachEvent("on" + type, callback);
}
else {
el["on" + type] = callback;
}
}
function main() {

var radio, text; //get elements
addEvent(radio, "click", function() {
text.value = "";
text.disabled = "disabled";
}, false);

}
window.onload = main;[/JS]
 
Ok, bedankt!
Het is mij nog niet helemaal gelukt om hem goed toe te passen.

Ik heb:

- checkbox ja name=group2

- textbox link name=link (disabled worden als je op nee klikt)

- checkbox nee name=group2

Hoe moet ik die goed toepassen?
 
Ik neem aan dat 't ding ook weer enabled moet worden als je 'ja' selecteert?

[JS]function main() {

var text = document.getElementsByName("link")[0], val = text.value;
var radios = document.getElementsByName("group2");

for (var i = 0; i < radios.length; i++) {
addEvent(radios, "change", function(e) {
switch(e.target.value)
{
case "nee":
val = text.value;
text.value = "";
text.disabled = "disabled";
break;
case "ja":
text.disabled = "";
text.value = val;
break;
}
}, false);
}

}[/JS]
 
Als hij alleen jouw code heeft gebruikt komt het neem ik aan doordat de functie addEvent nergens gedefinieerd is.
 
Die moet er inderdaad wel bij blijven staan :) De definitie kun je vinden in mijn eerdere post. Als dat het probleem was, vergeet dan ook het regeltje "window.onload = main;" niet :P
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan