Avatar billede lee Nybegynder
31. juli 2000 - 16:00 Der er 8 kommentarer og
2 løsninger

Hjælp til radio knapper

I nedenståene script... er det meningen at jeg gerne vil have den funktion at når man vælger:
Ønsker INTET oplyst på min side 

så skal samtlige radioknapper vise nej.

vælger man:
Ønsker ALT oplyst på min side

så skal alle radioknapper vise ja.

og vælger man individuelt ovenfor, skal 

Har valgt individuelt ovenfor \"prikkes af\" 



<table width=\"400\" border=\"0\" align=\"left\" cellpadding=\"10\" cellspacing=\"0\">
<tr>
          <td width=\"102\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">Fornavn</font></td>
          <td width=\"161\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">
            <input type=\"text\" name=\"textfield2\">
            </font></td>
          <td width=\"55\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">Ja
            <input type=\"radio\" name=\"fn1\" value=\"radiobutton\">
            </font></td>
          <td width=\"82\">Nej<font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">
            <input type=\"radio\" name=\"fn1\" value=\"radiobutton\">
            </font></td>
        </tr>
        <tr>
          <td width=\"102\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">Efternavn</font></td>
          <td width=\"161\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">
            <input type=\"text\" name=\"textfield3\">
            </font></td>
          <td width=\"55\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">Ja
            <input type=\"radio\" name=\"en1\" value=\"radiobutton\">
            </font></td>
          <td width=\"82\">Nej<font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">
            <input type=\"radio\" name=\"en1\" value=\"radiobutton\">
            </font></td>
        </tr>
        <tr>
          <td width=\"102\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">Vej/Nr.</font></td>
          <td width=\"161\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">
            <input type=\"text\" name=\"textfield4\">
            </font></td>
          <td width=\"55\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">Ja
            <input type=\"radio\" name=\"vn1\" value=\"radiobutton\">
            </font></td>
          <td width=\"82\">Nej<font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">
            <input type=\"radio\" name=\"vn1\" value=\"radiobutton\">
            </font></td>
        </tr>
        <tr>
          <td width=\"102\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">By</font></td>
          <td width=\"161\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">
            <input type=\"text\" name=\"textfield5\">
            </font></td>
          <td width=\"55\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">Ja
            <input type=\"radio\" name=\"by1\" value=\"radiobutton\">
            </font></td>
          <td width=\"82\">Nej<font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">
            <input type=\"radio\" name=\"by1\" value=\"radiobutton\">
            </font></td>
        </tr>
        <tr>
          <td width=\"102\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">Post
            Nr.</font></td>
          <td width=\"161\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">
            <input type=\"text\" name=\"textfield6\" maxlength=\"2\" size=\"2\">
            </font></td>
          <td width=\"55\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">Ja
            <input type=\"radio\" name=\"pn1\" value=\"radiobutton\">
            </font></td>
          <td width=\"82\">Nej<font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">
            <input type=\"radio\" name=\"pn1\" value=\"radiobutton\">
            </font></td>
        </tr>
      </table>
     
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><br>
  <br>
</p>
<table width=\"400\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" bgcolor=\"#F5F8FA\">
        <tr>
          <td width=\"102\">&nbsp;</td>
          <td width=\"160\">&nbsp;</td>
          <td colspan=\"2\">&nbsp;</td>
        </tr>
        <tr>
          <td width=\"102\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">Alder</font></td>
          <td width=\"160\"> <font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">
            <select name=\"select\">
              <option>Jan</option>
              <option>Feb</option>
              <option>Mar</option>
              <option>Apr</option>
              <option>Maj</option>
              <option>Jun</option>
              <option>Jul</option>
              <option>Aug</option>
              <option>Sep</option>
              <option>Okt</option>
              <option>Nov</option>
              <option>Dec</option>
            </select>
            </font>
            <input type=\"text\" name=\"textfield7\" maxlength=\"2\" size=\"2\">
            <font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">
            <input type=\"text\" name=\"textfield62\" maxlength=\"4\" size=\"4\">
            </font> </td>
          <td width=\"57\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">Ja
            <input type=\"radio\" name=\"a1\" value=\"radiobutton\">
            </font></td>
          <td width=\"81\">Nej<font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">
            <input type=\"radio\" name=\"a1\" value=\"radiobutton\">
            </font></td>
        </tr>
        <tr>
          <td width=\"102\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\"></font></td>
          <td width=\"160\">[mm / dd / 0000]</td>
          <td colspan=\"2\">&nbsp;</td>
        </tr>
        <tr>
          <td width=\"102\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">Tlf</font></td>
          <td width=\"160\">
            <input type=\"text\" name=\"textfield8\" maxlength=\"8\" size=\"8\">
          </td>
          <td width=\"57\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">Ja
            <input type=\"radio\" name=\"tlf1\" value=\"radiobutton\">
            </font></td>
          <td width=\"81\">Nej<font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">
            <input type=\"radio\" name=\"tlf1\" value=\"radiobutton\">
            </font></td>
        </tr>
        <tr>
          <td width=\"102\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">**E-mail</font></td>
          <td width=\"160\">
            <input type=\"text\" name=\"textfield10\">
          </td>
          <td width=\"57\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">Ja
            <input type=\"radio\" name=\"em1\" value=\"radiobutton\">
            </font></td>
          <td width=\"81\">Nej<font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">
            <input type=\"radio\" name=\"em1\" value=\"radiobutton\">
            </font></td>
        </tr>
      </table>
      <table width=\"400\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" bgcolor=\"#F5F8FA\">
        <tr>
          <td width=\"102\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"2\">Hjemmeside</font></td>
          <td width=\"161\">
            <input type=\"text\" name=\"textfield9\" value=\"http://\">
          </td>
          <td width=\"56\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">Ja
            <input type=\"radio\" name=\"hs1\" value=\"radiobutton\">
            </font></td>
          <td width=\"81\">Nej<font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">
            <input type=\"radio\" name=\"hs1\" value=\"radiobutton\">
            </font></td>
        </tr>
        <tr>
          <td colspan=\"4\">&nbsp;</td>
        </tr>
        <tr>
          <td align=\"right\" colspan=\"3\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">Har
            valgt individuelt ovenfor</font></td>
          <td width=\"81\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">
            <input type=\"radio\" name=\"radiobutton\" value=\"radiobutton\">
            </font></td>
        </tr>
        <tr>
          <td align=\"right\" colspan=\"3\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">&Oslash;nsker
            <b>INTET</b> oplyst p&aring; min side</font></td>
          <td width=\"81\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">
            <input type=\"radio\" name=\"radiobutton\" value=\"radiobutton\">
            </font></td>
        </tr>
        <tr>
          <td align=\"right\" colspan=\"3\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">&Oslash;nsker
            <b>ALT</b> oplyst p&aring; min side</font></td>
          <td width=\"81\"><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\">
            <input type=\"radio\" name=\"radiobutton\" value=\"radiobutton\">
            </font></td>
        </tr>
      </table>


Er der en der kan hjælpe mig med det...

og sætte det nye script ind her til mig :)

Lee
Avatar billede limemedia Nybegynder
31. juli 2000 - 20:12 #1
På en venlig ICQ opfordring har jeg fundet det her eksempel, taget fra :

http://hotwired.lycos.com/webmonkey/98/04/index3a_page8.html?tw=javascript

---

Happily, radio buttons are almost exactly like checkboxes with respect to JavaScript. The only real difference is in the HTML. Checkboxes are on/off devices. If a checkbox is checked, you can uncheck it. If it\'s unchecked, you can check it. Radio buttons are different. Once a radio button is on, it stays on until another one is selected. Then the first one goes off. Here\'s a typical radio button set:
Larry
Moe
Curly


As you can see, you can\'t simply unselect a radio button, you have to choose a new one. With that in mind we can re-do the light switch example with two radio buttons instead of one checkbox:

Light off
Light on


This example looks very much like the checkbox example. The form is:




<form name=\"form_1\">

<input type=\"radio\" name =\"radio_1\" onClick=\"offButton();\">Light off

<input type=\"radio\" name =\"radio_2\" onClick=\"onButton();\" checked>Light on

</form>


When the first radio button is clicked, the offButton() function is called. That function is:




function offButton()

{

    var the_box = window.document.form_1.radio_1;

   

    if (the_box.checked == true) {

        window.document.form_1.radio_2.checked = false;

        document.bgColor=\'black\';

        alert(\"Hey! Turn that back on!\");   

    }

}


This is pretty much just like the checkbox example earlier. The main difference is this line:




window.document.form_1.radio_2.checked = false;


This tells JavaScript to turn off the other button when this button has been clicked. The function that is run when the other button is clicked is similar to this one:




function onButton()

{

    var the_box = window.document.form_1.radio_2;

   

    if (the_box.checked == true) {

        window.document.form_1.radio_1.checked = false;

        document.bgColor=\'white\';

        alert(\"Thanks!\");

    }

}

Avatar billede lee Nybegynder
31. juli 2000 - 20:33 #2
Jeg ved slet ikke hvordan jeg skal håndtere dette... er der ikke en der kan smide det ind i mit script så det funger ???

ellers tak for hjælpen LJWeb... ;)
Avatar billede olebole Juniormester
01. august 2000 - 02:54 #3
<ole>
Humlen er: \"Det kan du ikke!\"
Grunden til, de hedder \'radio\' buttons er, at de fungerer ligesom trykknapperne på en gammeldags radio. Når du trykker på en knap, springer de andre ud - så kun én knap er aktiv ad gangen. Du kan altså KUN deaktivere en knap ved at trykke en anden ind - og du deaktiverer ALTID alle andre end den, du trykkede ind.
Det gælder også for vores radio-buttons, hvis de sidder i samme gruppe = har samme \'name\'. Hvis de ikke gør det, har du tilgengæld ingen mulighed for at deaktivere dem, når først de er aktiveret.

Sikke en masse tekst for at fortælle dig, du skal glemme radio-buttons i denne situation og bruge check-bokse i stedet.
/Vh
</bole>
Avatar billede olebole Juniormester
01. august 2000 - 04:05 #4
Undskyld...nu har jeg sandelig også fået læst dit spørgsmål :o)
Du kan gøre sådan noget lignende:

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html>

    <head>
        <meta http-equiv=content-type content=\"text/html;charset=iso-8859-1\">
        <script language=JavaScript><!--
function mySet(what) {
    f = document.myForm;
    for (i=0; i<f.length; i++) {
        if (f.elements[i].type == \"radio\" && f.elements[i].value == what) {
            f.elements[i].checked = true;
        }
    }
}
// -->
        </script>
    </head>

    <body bgcolor=white marginheight=0 marginwidth=0 leftmargin=0 topmargin=0>
        <table width=400 border=0 align=left cellpadding=10 cellspacing=0>
            <form name=\"myForm\">
            <tr>
                <td width=102><font size=2 face=Verdana,Arial,Helvetica,sans-serif>Fornavn</font></td>
                <td width=161><font size=2 face=Verdana,Arial,Helvetica,sans-serif><input type=text name=textfield2 size=24> </font></td>
                <td width=55><font size=2 face=Verdana,Arial,Helvetica,sans-serif>Ja <input type=radio name=fn1 value=ja> </font></td>
                <td width=82>Nej<font size=2 face=Verdana,Arial,Helvetica,sans-serif> <input type=radio name=fn1 value=nej> </font></td>
            </tr>
            <tr>
                <td width=102><font size=2 face=Verdana,Arial,Helvetica,sans-serif>Efternavn</font></td>
                <td width=161><font size=2 face=Verdana,Arial,Helvetica,sans-serif><input type=text name=textfield3 size=24> </font></td>
                <td width=55><font size=2 face=Verdana,Arial,Helvetica,sans-serif>Ja <input type=radio name=en1 value=ja> </font></td>
                <td width=82>Nej<font size=2 face=Verdana,Arial,Helvetica,sans-serif> <input type=radio name=en1 value=nej> </font></td>
            </tr>
            <tr>
                <td width=102><font size=2 face=Verdana,Arial,Helvetica,sans-serif>Vej/Nr.</font></td>
                <td width=161><font size=2 face=Verdana,Arial,Helvetica,sans-serif><input type=text name=textfield4 size=24> </font></td>
                <td width=55><font size=2 face=Verdana,Arial,Helvetica,sans-serif>Ja <input type=radio name=vn1 value=ja> </font></td>
                <td width=82>Nej<font size=2 face=Verdana,Arial,Helvetica,sans-serif> <input type=radio name=vn1 value=nej> </font></td>
            </tr>
            <tr>
                <td width=102><font size=2 face=Verdana,Arial,Helvetica,sans-serif>By</font></td>
                <td width=161><font size=2 face=Verdana,Arial,Helvetica,sans-serif><input type=text name=textfield5 size=24> </font></td>
                <td width=55><font size=2 face=Verdana,Arial,Helvetica,sans-serif>Ja <input type=radio name=by1 value=ja> </font></td>
                <td width=82>Nej<font size=2 face=Verdana,Arial,Helvetica,sans-serif> <input type=radio name=by1 value=nej> </font></td>
            </tr>
            <tr>
                <td width=102><font size=2 face=Verdana,Arial,Helvetica,sans-serif>Post Nr.</font></td>
                <td width=161><font size=2 face=Verdana,Arial,Helvetica,sans-serif><input type=text name=textfield6 maxlength=2 size=2> </font></td>
                <td width=55><font size=2 face=Verdana,Arial,Helvetica,sans-serif>Ja <input type=radio name=pn1 value=ja> </font></td>
                <td width=82>Nej<font size=2 face=Verdana,Arial,Helvetica,sans-serif> <input type=radio name=pn1 value=nej> </font></td>
            </tr>
        </table>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p><br>
        <br>
        </p>
        <p>
        <table width=400 border=0 cellpadding=0 cellspacing=0 bgcolor=#f5f8fa>
            <tr>
                <td width=102>&nbsp;</td>
                <td width=160>&nbsp;</td>
                <td colspan=2>&nbsp;</td>
            </tr>
            <tr>
                <td width=102><font size=2 face=Verdana,Arial,Helvetica,sans-serif>F&oslash;dt</font></td>
                <td width=160><font size=2 face=Verdana,Arial,Helvetica,sans-serif><select name=select size=1>
                        <option value=\"\">Jan
                        <option value=\"\">Feb
                        <option value=\"\">Mar
                        <option value=\"\">Apr
                        <option value=\"\">Maj
                        <option value=\"\">Jun
                        <option value=\"\">Jul
                        <option value=\"\">Aug
                        <option value=\"\">Sep
                        <option value=\"\">Okt
                        <option value=\"\">Nov
                        <option value=\"\">Dec
                    </select> </font><input type=text name=textfield7 maxlength=2 size=2> <font size=2 face=Verdana,Arial,Helvetica,sans-serif><input type=text name=textfield62 maxlength=4 size=4> </font></td>
                <td width=57><font size=2 face=Verdana,Arial,Helvetica,sans-serif>Ja <input type=radio name=a1 value=ja> </font></td>
                <td width=81>Nej<font size=2 face=Verdana,Arial,Helvetica,sans-serif> <input type=radio name=a1 value=nej> </font></td>
            </tr>
            <tr>
                <td width=102></td>
                <td width=160>[m&aring;ned / dato / &aring;r]</td>
                <td colspan=2>&nbsp;</td>
            </tr>
            <tr>
                <td width=102><font size=2 face=Verdana,Arial,Helvetica,sans-serif>Tlf</font></td>
                <td width=160><input type=text name=textfield8 maxlength=8 size=8></td>
                <td width=57><font size=2 face=Verdana,Arial,Helvetica,sans-serif>Ja <input type=radio name=tlf1 value=ja> </font></td>
                <td width=81>Nej<font size=2 face=Verdana,Arial,Helvetica,sans-serif> <input type=radio name=tlf1 value=nej> </font></td>
            </tr>
            <tr>
                <td width=102><font size=2 face=Verdana,Arial,Helvetica,sans-serif>**E-mail</font></td>
                <td width=160><input type=text name=textfield10 size=24></td>
                <td width=57><font size=2 face=Verdana,Arial,Helvetica,sans-serif>Ja <input type=radio name=em1 value=ja> </font></td>
                <td width=81>Nej<font size=2 face=Verdana,Arial,Helvetica,sans-serif> <input type=radio name=em1 value=nej> </font></td>
            </tr>
        </table>
        <table width=400 border=0 cellspacing=0 cellpadding=0 bgcolor=#f5f8fa>
            <tr>
                <td width=102><font face=Verdana,Arial,Helvetica,sans-serif size=2>Hjemmeside</font></td>
                <td width=161><input type=text name=textfield9 value=http:// size=24></td>
                <td width=56><font size=2 face=Verdana,Arial,Helvetica,sans-serif>Ja <input type=radio name=hs1 value=ja> </font></td>
                <td width=81>Nej<font size=2 face=Verdana,Arial,Helvetica,sans-serif> <input type=radio name=hs1 value=nej> </font></td>
            </tr>
            <tr>
                <td colspan=4>&nbsp;</td>
            </tr>
            <tr>
                <td align=right colspan=3><font size=2 face=Verdana,Arial,Helvetica,sans-serif>Har valgt individuelt ovenfor</font></td>
                <td width=81><font size=2 face=Verdana,Arial,Helvetica,sans-serif><input type=radio name=radiobutton value=radiobutton> </font></td>
            </tr>
            <tr>
                <td align=right colspan=3><font size=2 face=Verdana,Arial,Helvetica,sans-serif>&Oslash;nsker <b>INTET</b> oplyst p&aring; min side</font></td>
                <td width=81><font size=2 face=Verdana,Arial,Helvetica,sans-serif><input type=radio name=radiobutton value=radiobutton onclick=mySet(\'nej\')> </font></td>
            </tr>
            <tr>
                <td align=right colspan=3><font size=2 face=Verdana,Arial,Helvetica,sans-serif>&Oslash;nsker <b>ALT</b> oplyst p&aring; min side</font></td>
                <td width=81><font size=2 face=Verdana,Arial,Helvetica,sans-serif><input type=radio name=radiobutton value=radiobutton onclick=mySet(\'ja\')> </font></td>
            </tr>
            </form>
        </table>
    </body>

</html>

/Vh
Avatar billede olebole Juniormester
01. august 2000 - 04:11 #5
PS: Jeg har lige sat nogle <form> </form> tags på...så man også kan se den i NS. Det håber jeg ikke, du har noget imod ;o))
Avatar billede manon Nybegynder
01. august 2000 - 04:15 #6
ole> Hvorfor er der stadig så stor forskel på NS og IE ? Jeg ville kunne forstå det hvis vi stadig var på 2.0 stadiet, men efter 4.0 burde de da have en standart!

Check/radioboxe er jo ikke just lige opfundet :-)
Avatar billede manon Nybegynder
01. august 2000 - 04:16 #7
Lee > Sorry at jeg blander mig i dit spm ;-)
Avatar billede olebole Juniormester
01. august 2000 - 04:56 #8
Jamen har de da ikke også det - og stammer den ikke helt tilbage fra 2.0?
Standarden siger - ikke overraskende, at du ALTID skal bruge form-tags, når du skiver en form.
IE prøver blot at gætte, hvad du dog kunne tænkes at have ment, når nu du har skrevet en radio-button uden de tilhørende form-tags.
Det er der dem, der synes er fedt - det er vi til gengæld også nogle der absolut ikke synes! Hvis man tillader så vitale afvigelser fra standarden, har vi jo netop ikke den standard alle synes at efterlyse.
Folk kunne bare bruge NS, som overholder standarden laaaangt bedre end IE - men det gør de ikke, da de ikke selv kan standarden. De ser, tingene virker i IE, sætter sig på deres flade og skriver harmdirrende indslag på Eksperten om, at \'SkodScape\' burde overholde standarden - uagtet den for dem ligeså godt kunne være skrevet med små kyrilliske bogstaver på bagsiden af månen!
Det er ikke personligt ment, manon - bare sådan i al almindelighed  ;o))
/Vh
Avatar billede lee Nybegynder
01. august 2000 - 14:29 #9
Hej Ole :)
Det er bare rigtig godt :)

1000 tak skal du have.

Lee
Avatar billede lee Nybegynder
01. august 2000 - 14:34 #10
hov hvad skedte der her det må du undskylde Ole... ville give LJWeb 10 points for hjælpen og dig dine 60 points http://www.eksperten.dk/spm/22082
her kan du lige hente dem :)

Lee
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
Kurser inden for grundlæggende programmering

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