07. marts 2001 - 10:00
Der er
19 kommentarer og 1 løsning
Radio Box Select
Jeg har følgende form og vil meget gerne have det sådan at hvis man vælger noget i den først Drop Down Box så bliver Radio Knap 1 sat aktiv og hvis man vælger en browse efter en fil istedetfor bliver Radio Box 2 sat aktiv. Hvordan gør man det ? Her er koden : <form method=\"POST\" action=\"Raport.asp\"> <div align=\"center\"> <center> <table border=\"1\" cellpadding=\"0\" cellspacing=\"0\"> <tr> <td width=\"99\" rowspan=\"2\">Raport File :</td> <td width=\"36\"><input type=\"radio\" value=\"1\" name=\"R1\"></td> <td width=\"151\"><select size=\"1\" name=\"Raport\"> <option value=\"1\">Standard 1</option> <option value=\"2\">Standard 2</option> <option value=\"3\">Standard 3</option> <option value=\"4\">Standard 4</option> </select></td> </tr> <tr> <td width=\"36\"><input type=\"radio\" value=\"1\" name=\"R2\"></td> <td width=\"151\"><input TYPE=\"file\" NAME=\"File\"></td> </tr> </table> </center> </div> <p align=\"center\"><input type=\"submit\" value=\"Submit\" name=\"B1\"><input type=\"reset\" value=\"Reset\" name=\"B2\"></p> </form>
Annonceindlæg tema
Cloud & AI
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
07. marts 2001 - 10:08
#1
først sørger du for at radio boksene har SAMME navn. Og for at din form har en name=\"form_navn\" parrameter så den kan addresseres. Så får du fordelen ved radiobokse så når du siger: document.forms.form_navn.gadio_navn[0].checked = true; bliver en evt anden radion-boks med det navn \"u-checked\" Hvilke numre radio-boksene får afgøres af den rækkefølge de har i teksten, den første bliver nr 0, næste bliver nr 1 osv.
07. marts 2001 - 10:14
#2
dette skal nok gjøre det du vil: <form method=\"POST\" action=\"Raport.asp\" name=\"form\"> <div align=\"center\"> <center> <table border=\"1\" cellpadding=\"0\" cellspacing=\"0\"> <tr> <td width=\"99\" rowspan=\"2\">Raport File :</td> <td width=\"36\"><input type=\"radio\" value=\"1\" name=\"R1\"></td> <td width=\"151\"><select size=\"1\" name=\"Raport\" onChange=\"document.form.R1[0].checked = \'true\';\"> <option value=\"1\">Standard 1</option> <option value=\"2\">Standard 2</option> <option value=\"3\">Standard 3</option> <option value=\"4\">Standard 4</option> </select></td> </tr> <tr> <td width=\"36\"><input type=\"radio\" value=\"1\" name=\"R1\"></td> <td width=\"151\"><input TYPE=\"file\" NAME=\"File\" onClick=\"document.form.R1[1].checked = \'true\';\"></td> </tr> </table> </center> </div> <p align=\"center\"><input type=\"submit\" value=\"Submit\" name=\"B1\"><input type=\"reset\" value=\"Reset\" name=\"B2\"></p> </form> /nute
07. marts 2001 - 10:26
#3
<ole> Denne unchecker den anden, hvis den skulle være valgt: <form method=\"POST\" action=\"Raport.asp\"> <div align=\"center\"> <center> <table border=\"1\" cellpadding=\"0\" cellspacing=\"0\"> <tr> <td width=\"99\" rowspan=\"2\">Raport File :</td> <td width=\"36\"><input type=\"radio\" value=\"1\" name=\"R1\"></td> <td width=\"151\"><select size=\"1\" name=\"Raport\" onchange=\"this.form.R2.checked=false;this.form.R1.checked=true;\"> <option value=\"1\">Standard 1</option> <option value=\"2\">Standard 2</option> <option value=\"3\">Standard 3</option> <option value=\"4\">Standard 4</option> </select></td> </tr> <tr> <td width=\"36\"><input type=\"radio\" value=\"1\" name=\"R2\"></td> <td width=\"151\"><input TYPE=\"file\" NAME=\"File\" onclick=\"this.form.R1.checked=false;this.form.R2.checked=true;\"></td> </tr> </table> </center> </div> <p align=\"center\"><input type=\"submit\" value=\"Submit\" name=\"B1\"><input type=\"reset\" value=\"Reset\" name=\"B2\"></p> </form> /mvh </bole>
07. marts 2001 - 10:29
#4
olebole >> jeg er klar over det...men hvis begge skal være mulig å ha checked, så bør man jo egentlig benytte checkboxes ?! hvis begge radiobuttons skal være mulig å ha checked, så \"undergraver\" man jo forsåvidt elementets funksjon (mener nå iallefall jeg)...
07. marts 2001 - 10:30
#5
...og så dkal du nok lægge en onclick=\"return false;\" ind på hver radio, så de ikke kan vælges den vej. /mvh
07. marts 2001 - 10:33
#6
nute >> ingen af dem skal vel kunne vælges direkte. Det er vel bare ment som en visuel markering - hvilket betyder, funktionen allerede ser er \'undergravet\'. Begge skal under ingen omstændigheder kunne være valgt. Om man vælger checkboxe eller radios er et spørgsmål om visuel preferencer, da de ikke skal kunne bruges efter hensigten. /mvh
07. marts 2001 - 10:36
#7
olebole >> det kan jeg være enig i :)
07. marts 2001 - 11:43
#8
>nute Din funktion virker bare helt perfekt. Jeg kom så bare lige til at tænke på en lille ting der ville gøre den helt perfekt til min redigerings del bagefter. Da ville det også være smart hvis jeg kunne fravælge sådan så ingen af boxene var valgt. Lige nu kan den jo kun skifte mellem de to boxe, undtagen lige når siden loades, men det e rnu også fint nok at der ikke er valgt noget der. Er det muligt ?
07. marts 2001 - 11:49
#9
for å unchecke benytter du bare: document.form.R1[1].checked = \'false\'; /nute
07. marts 2001 - 12:35
#10
>nute Sorry det man jeg ikke få til at virke Det skal være sådan at man igen kan Unchecke boxene så ingen af dem er valgt.
07. marts 2001 - 12:44
#11
ahh...jeg misforstod deg... det kan du faktisk ikke gjøre, såvidt jeg vet... :( /nute
07. marts 2001 - 13:51
#12
Kan man ikke på en eller anden måde lave noget så idet men trykker på Check boxen og den er checket så sætter den begge boxene til unchecked.
07. marts 2001 - 13:54
#13
hvis man har en <input type=\"checkbox\"> så kan man gjøre det, men ikke når man bruker <input type=\"radio\">... /nute
08. marts 2001 - 00:57
#14
Mon ikke dette kan gøre det: <input type=\"radio\" name=\"R1\" onclick=\"this.form.R2.checked=false;setTimeout(\'this.checked=false\',200);\"> /mvh
08. marts 2001 - 08:03
#15
>olebole Nej det virker ikke i det eksempel nute har lavet. Det skal være sådan så idet man stykker på den radio knap der er valg så bliver ingen af dem valgt.
08. marts 2001 - 10:02
#16
<html> <head> <SCRIPT LANGUAGE=\"JavaScript\"> function check(which) { if (which.checked==true) { document.form.R1[0].checked=false; document.form.R1[1].checked=false; } } </SCRIPT> </head> <body> <form method=\"POST\" action=\"Raport.asp\" name=\"form\"> <div align=\"center\"> <center> <table border=\"1\" cellpadding=\"0\" cellspacing=\"0\"> <tr> <td width=\"99\" rowspan=\"2\">Raport File :</td> <td width=\"36\"><input type=\"radio\" value=\"1\" name=\"R1\" onclick=\"check(this);\"></td> <td width=\"151\"><select size=\"1\" name=\"Raport\" onChange=\"document.form.R1[0].checked = \'true\';\"> <option value=\"1\">Standard 1</option> <option value=\"2\">Standard 2</option> <option value=\"3\">Standard 3</option> <option value=\"4\">Standard 4</option> </select></td> </tr> <tr> <td width=\"36\"><input type=\"radio\" value=\"1\" name=\"R1\" onclick=\"check(this);\"></td> <td width=\"151\"><input TYPE=\"file\" NAME=\"File\" onClick=\"document.form.R1[1].checked = \'true\';\"></td> </tr> </table> </center> </div> <p align=\"center\"><input type=\"submit\" value=\"Submit\" name=\"B1\"><input type=\"reset\" value=\"Reset\" name=\"B2\"></p> </form> </body> </html>
08. marts 2001 - 10:16
#17
Ja så er den virkelig ved at være der, men hvad så hvis man nu har valgt forkert og er kommet til at trykke på en af boxene så den ikke er valgt længere har man ikke mulighed for at vælge den igen eller forden sags skyld at vælge den anden. Bliver desværre nod til at tage hensyn til alle mulighedderne. Men så får du også pointene hvis det kan lade sig gøre at udvide den med det.
08. marts 2001 - 10:26
#18
hvorfor bruker du ikke checkboxes til dette?? dette må jo være den mest merkelige formen for bruk av radiobuttons jeg har sett...
08. marts 2001 - 11:00
#19
NU må jeg sq give nute ret...!!! Lav det på en anden måde....det her gider jeg ikke gå videre med :)
11. marts 2001 - 13:47
#20
...tjahhhhhhhhh............. :))
Vi tilbyder markedets bedste kurser inden for webudvikling