WN - Hur får man fram ett värde från checkboxar?

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Hur får man fram ett värde från checkboxar? (https://www.wn.se/forum/showthread.php?t=37965)

Kod:

<form id="form1" name="form1" method="post" action="">

 <table border="2" cellpadding="2" cellspacing="2" bgcolor="#CCCCCC">

  <tr>

   <td align="right">Namn</td>

   <td align="left"><label id="namn">

     <input name="name" type="text" id="name" size="45" />

    </label></td>

  </tr>

  <tr>

   <td align="right">Dryck</td>

   <td align="left"><label id="radios">

     <input type="radio" name="radio" id="radio" value="glögg" />

     Glögg<br />

     <input type="radio" name="radio" id="radio" value="julmust" />

     Julmust<br />

     <input type="radio" name="radio" id="radio" value="sprit" />

     Sprit</label></td>

  </tr>

  <tr>

   <td align="right">Dresskod</td>

   <td align="left"><label id="dresskod">

     <select name="select" id="select">

      <option>select:</option>

      <option>Julmössa</option>

      <option>Bikini</option>

      <option>Finkostym</option>

     </select>

    </label></td>

  </tr>

  <tr>

   <td align="right">Önskemål</td>

   <td align="left"><label id="wishes">

     <input type="checkbox" name="checkbox" id="kräkas" />

     Kräkas<br />

     <input type="checkbox" name="checkbox" id="somna" />

     Somna<br />

     <input type="checkbox" name="checkbox" id="dö" />

     Dö<br />

    </label></td>

  </tr>

  <tr>

   <td align="right"></td>

   <td align="right"><label>

     <input type="submit" name="button" id="button" value="Skicka" onClick="submitForm()" />

    </label></td>

  </tr>

 </table>

</form>

Hur i hela friden får jag fram ett värde på den/dom checkboxarna, droplistan och radioknapparna med Javascript?!

Hittar ingen information alls på nätet som hjälper...

Den där koden validerar väl inte? Fixa till valideringsfelen så blir det nog lite lättare...

1. Sluta använda tabeller: det blir så plottrigt.
2. Använd document.getElementsByTagNames("input") och document.getElementsByTagNames("select") så har du alla värdena på ett kick.
3. Och använd label-elementet för valmöjligheterna, inte hela listan.

PS. Du måste inte ha ett id-attribut på allting som har med formulär att göra.

Citat:

Originally posted by jonny@Jul 18 2009, 01:12
Den där koden validerar väl inte? Fixa till valideringsfelen så blir det nog lite lättare...

Vem bryr sig om att koden ska validera?

Jadu, för att undvika fel tillexempel?
Det är ju rätt vettigt att förlja standarden, då det tenderar att inte fungera någovidare annars.

Citat:

Ursprungligen postat av Ara

Citat:

Ursprungligen postat av jonny

Den där koden validerar väl inte? Fixa till valideringsfelen så blir det nog lite lättare...

Vem bryr sig om att koden ska validera?

Ser man till att koden validerar redan från början så slipper man mycket problem, både nu och i framtiden + att det ser mycket bättre ut inför de som är lite mer insatta.

Fick du ordning på dina kryssrutor (de heter faktiskt så på svenska) sen? Använder du mycket javascript så råder jag dig att ta dig en titt på jQuery.

du måste fylla i value-attributet, t.ex:
<input type="checkbox" name="checkbox" id="somna" value="somna"/>

Håller med martine på hans tre punkter men framförallt #3; vet du inte hur man använder label-elementet föreslår jag att du låter bli det eller läser på om hur det funkar. Det gör mer skada än nytta att använda det felaktigt.