Gå til innhold

"Select all"- checkbox

Svish

Av Svish
i Programmering og webutvikling

Anbefalte innlegg

Svish

Svish

Skrevet
Skrevet

Jeg har dette (blant annet) i en <form>

 

    <h3>Mottakere</h3>
   <p>
     <input type="checkbox" name="til[]" value="Katt" tabindex="1" accesskey="k" />
     Katt<br />
     <input type="checkbox" name="til[]" value="Hund" tabindex="2" accesskey="h" />
     Hund<br />
     <input type="checkbox" name="til[]" value="Sau" tabindex="3" accesskey="s" />
     Sau<br />
     <input type="checkbox" name="til[]" value="Ulv" tabindex="4" accesskey="u" />
     Ulv</p>

 

Hvordan kan man lage en All checkbox? en som krysser av alle for deg liksom? og når man krysser den vekk igjen, så fjernes alle kryssene. uavhengig av hva som er krysset av. Må inn med javascript eller noe? I så fall, hvordan blir det? Ikke så dreven på javascript på en måte...

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
backup

backup

Skrevet
Skrevet

Her har du et eksempel som gjør jobben.

 

<html><head><script>

function sjekkAlt(x){

var y = x.name.indexOf('_');

var z = x.name.substr(0,y);

for(i=0; i<document.forms[0].length; i++){

var w = document.forms[0];

if (w.type == 'checkbox'){

if (x.name != w.name){

if (w.name.substring(0, z.length) == z){

w.checked = !x.checked;

w.click();}}}}}

</script></head><body><form>

<input type= checkbox name='{0}' onclick='sjekkAlt(this)'>Sjekk/Avsjekk alle<br>

<input type = checkbox name = box value ="ole" >Ole<br>

<input type = checkbox name = box value ="dole">Dole<br>

<input type = checkbox name = box value ="doffen" >Doffen<br>

<input type = checkbox name = box value ="mikkel rev">Mikkel Rev<br>

</form></body></html>

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...