Avatar billede rudi1234 Nybegynder
30. december 2002 - 12:33 Der er 2 kommentarer og
1 løsning

oncheck?

Jeg har en formular med en checkbox. Når checkboxen markeres, vil jeg gerne have at et tekstfelt skifter class i CSS.

<inupt type=checkbox name=test_check>
<input type=text name=test>

Kan man løse det med JavaScript? Hvordan?
Avatar billede eagleeye Praktikant
30. december 2002 - 13:08 #1
Du kan lave en onClik og ændre .className på text inputet til det CSS navn du vil bruger. Det er vist lettest med dette lille eks på hvordan det kan laves:


<html>
<head>
<STYLE TYPE="text/css">
.ggg { background: yellow; color: blue; }
</STYLE>
<STYLE TYPE="text/css">
.hhh { background: red; color: blue; }
</STYLE>

<script language=javascript>
function changeCSS(valgt) {
if (valgt==true) {
  document.test.tekstfelt.className = "hhh"
}
else {
  document.test.tekstfelt.className = "ggg"
}
}
</script>

</head>
<body>

<form name="test">
<input type="checkbox" name="test_check" onclick="changeCSS(this.checked);">
<input type="text" class="ggg" name="tekstfelt">
</form>

</body>
</html>
Avatar billede rudi1234 Nybegynder
30. december 2002 - 13:12 #2
Det var jo enkelt - når man ved det...! :-)
Avatar billede pelkjaer Nybegynder
30. december 2002 - 13:13 #3
Det er dog hurtigere at skifte prosperties på elementes style-object

et eks

<input type="checkbox" name="checkbox" value="checkbox" onClick="if(this.checked) {document.formnavn.feltnavn.style.background='#cccccc'}">
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester