Notifikationer

Markér alle som læst Log ud

riversen Nybegynder

04. juli 2002 - 11:08 Der er 13 kommentarer og
2 løsninger

checkbox og radiobutton

Jeg har 2 radiobutton's og en checkbox...

hvis checkboxen vælges skal de 2 radiobutton's "enables". Som standard er checkbox ikke valgt og radiobutton's er "disabled"...

show me how...

Synes godt om

riversen Nybegynder

04. juli 2002 - 11:10 #1

og forresten...når checkbox vælges skal den ene radiobutton være valgt som standard

Synes godt om

senj Nybegynder

04. juli 2002 - 11:15 #2

<html>
<head>
</head>
<body>
<script>
function enable()
{
document.minform.Radio1.disabled=false;
document.minform.Radio1.checked=true;
document.minform.Radio2.disabled=false;
}
</script>
<form name = "minform">
<input type="checkbox" name="check" value="" onclick="java script:enable();">
<input type="radio" name="Radio1" value="" disabled>
<input type="radio" name="Radio2" value="" disabled>
</form>
</body>
</html>

Synes godt om

riversen Nybegynder

04. juli 2002 - 11:17 #3

tak senj...det prøver jeg...

hvordan kunne jeg vide at man kunne bruge document.minform.Radio1.disabled til det...hvor har du den dokumentation?

Synes godt om

senj Nybegynder

04. juli 2002 - 11:18 #4

aner det ikke - det sidder inde i bolden et eller andet sted ;-)

Synes godt om

eagleeye Praktikant

04. juli 2002 - 13:20 #5

Sådan her så skifter Enabler/Disabler den når man clicker på checkboxern..
Udgangs punket i JavaScript er document, de forms man ligger ind i siden hænger på docuemnt. Derfor skal man for at få fat i en input på en form skrive:
document.[form navn].[input navn].[propert navn]

Man kan i kaldet overfør this som så er form'en man overføre:
Selv function kunner være:
function changeRadio(theform)
{
theform.Radio1.disabled=!theform.check.checked;
theform.Radio2.disabled=!theform.check.checked;
}

Og man kalder så functionen sådan her: changeRadio(this);

Her er koden dog unden this i functions kaldet.
<html>
<head></head>
<body>
<script>
function changeRadio()
{
document.minform.Radio1.disabled=!document.minform.check.checked;
document.minform.Radio2.disabled=!document.minform.check.checked;
}
</script>
<form name = "minform">
<input type="checkbox" name="check" value="" onclick="java script:changeRadio();">
<input type="radio" name="Radio1" value="" CHECKED disabled>
<input type="radio" name="Radio2" value="" disabled>
</form>
</body>
</html>

Synes godt om

eagleeye Praktikant

04. juli 2002 - 13:21 #6

det skulle være et svar....

Synes godt om

riversen Nybegynder

04. juli 2002 - 14:38 #7

eagleeye: tak, men jeg forstår godt selve syntaksen, men det er jo svært at programmere, hvis ikke man kender til de properties der er...det er sådan et sted jeg søger ligesom fx. Java's API ?

Synes godt om

kimblim Nybegynder

05. juli 2002 - 14:04 #8

her kan du få en lidt mere kompliceret ting... den gør dem inaktive igen, hvis checkboxen bliver "unchecked" og resetter radiobuttons værdier..

<html>
<head>
<title>enable radio's</title>

<script language="javascript" type="text/javascript">

var on = 0;

function turnRadioOn()
{
if(on == 0)
{
document.formnavn.Radio1.disabled = false;
document.formnavn.Radio2.disabled = false;
on = 1;
}
else
{
document.formnavn.Radio1.disabled = true;
document.formnavn.Radio2.disabled = true;
document.formnavn.Radio1.checked = false;
document.formnavn.Radio2.checked = false;
on = 0;
}
}

</script>

</head>
<body>

<form name="formnavn">
<input type="checkbox" name="check" value="" onclick="turnRadioOn();" />
<input type="radio" name="Radio1" value="" disabled />
<input type="radio" name="Radio2" value="" disabled />
</form>

</body>
</html>

Synes godt om

riversen Nybegynder

06. juli 2002 - 23:57 #9

kimblim..har jeg selv lavet. Men tak...jeg må hellere lukke

Synes godt om

lklingenberg Nybegynder

11. juli 2002 - 22:59 #10

Jeg tænke på om man kunne gøre noget tilsvarende med almindelige input felter. Fx at et input felt kun blev aktiveret/vist hvis man valgte en bestemt værdi fra en rullemenu eller hvis man som her afkrydede en checkbox...?

Synes godt om

kimblim Nybegynder

11. juli 2002 - 23:20 #11

Hey lklingenberg,

det kan du sagtens, bare gør det på samme måde som ovenfor... eller se her:

<html>
<head>
<title>aktiver inputfelt</title>

<script language="javascript">

var taendt = false;

function enableText()
{
var vaerdi = document.formen.drop.value;
if(taendt == false)
{
if(vaerdi == "1" || vaerdi == "3" || vaerdi == "5")
{
document.formen.textfelt.disabled = false;
taendt = true;
}
}
else
{
if(vaerdi == "2" || vaerdi == "4")
{
document.formen.textfelt.disabled = true;
taendt = false;
}
}

}

</script>

</head>
<body>
<form name="formen" id="formen">
<select id="drop" name="drop" onChange="enableText();">
<option value="1">en</option>
<option value="2">to</option>
<option value="3">tre</option>
<option value="4">fire</option>
<option value="5">fem</option>
</select>
<br /><br />
<input type="text" id="textfelt" name="textfelt" value="her kan stå noget" disabled />
</form>
</body>
</html>

der "tænder" jeg inputfeltet hvis du vælger 1,3,5 i dropdownen og slukker igen hvis du vælger 2 eller 4...

Synes godt om

lklingenberg Nybegynder

11. juli 2002 - 23:41 #12

Cool!
Kunne man gøre det lidt mere lækkert:
1) Udseendet af inputfeltet (style="background-color: ...") ændres alt efter om den er enabled eller disabled?
2) Hvis inputfeltet bliver enabled hopper cursoren automatisk videre til dette felt.

Synes godt om

kimblim Nybegynder

12. juli 2002 - 09:47 #13

ja, alt dette kan godt lade sig gøre... du kan jo oprette spørgsmålet så jeg kan få nogle point... ;)

Synes godt om

lklingenberg Nybegynder

12. juli 2002 - 10:18 #14

Du har ret. Sorry!

Synes godt om

lklingenberg Nybegynder

12. juli 2002 - 10:21 #15

Det er nu gjort. Spm 234890.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS