Add af checkboxe dynamisk

Ja, hvordan skal du bruge det ?-)

-- skal de have samme navn uanset antal eller skal der laves nye navne, skal der være andet end checkboksen (f.eks. en label, så man kan kende den !-), er det afhængigt af andre ting på siden, osv. osv. ...

LOL...det skal bare være den simpleste form for checkbox, altså en <INPUT TYPE="Checkbox"> :)

Ja, ja, men den skal vel også kunne genkendes på serveren, den skal sættes et bestemt sted osv. !-)

Jeg LOL'er, fordi det egentlig var et godt spørgsmål :) øhm, ja, men jeg kører bare igennem dem alle sammen vha. en tæller, og de skal placeres under dem der allerede er der.

Jeg vil nemlig adde 13 ad gangen, så det f.eks. bliver sådan her.

Før:
XXXXXXXXXXXXX

Efter:
XXXXXXXXXXXXX
XXXXXXXXXXXXX

Altså lige nedenunder

Så skal du placere dem inde i et element for sig, så vi kan beholde dem sammen, laver lige et eksempel, sekund !-)

<script type="text/javascript">
function tilfoejChecks(){
  var container = document.getElementById("minDiv");
  var newElm = document.createElement("BR");
  container.appendChild(newElm);
  for(i=0;13>i;i++){
    newElm = document.createElement("INPUT");
    newElm.type="checkbox";
    newElm.name="check";
    container.appendChild(newElm);
  }
}
</script>

<form method="post" action="...">
<div id="minDiv">
  <input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"></div>
<br>
<button onclick="tilfoejChecks();return false;">Tilføj en række</button><br>
<input type="submit">
</form>

Man kan iøvrigt også gøre det ved at tilføje til innerHTML på containeren, men ovenstående vil jeg betegne som en korrekt metode !-)

Hmmm...så det den kode gør, er at oprette hele koden fra <div... til .../div> hver gang man klikker på rækken, korrekt?

Nej...vent lidt...den tilføker kun det indenfor div taggene?

Jepz, den tilføjer, så tidligere afkrydsninger skulle bevares !-)

Ja, men jeg tænkte på...tilføjer den et nyt DIV med alt derindenfor, eller kun checkboxene?

Altså

<div id="minDiv">
<input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"></div>

eller

<input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check">

Den tilføjer:

<br><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check"><input type="checkbox" name="check">

Hmm okay....smart...:D Men kan man få fat i DIV elementet, hvis det ikke har en ID?

Joeh, selvfølgelig kan det lade sig gøre, men jeg vil helst ikke skulle ...

Nå, det bliver måske for besværligt?

Det undrer mig for øvrigt, for når jeg trykker første gang på knappen, bliver afstanden mellem det øverste af browseren, og de checkboxe, jeg i forvejen har kodet, lidt større. Ikke noget af betydning, det undrer mig bare.

En sidste ting, igen ikke fordi det betyder noget, men kan man på en eller anden måde i stedet for at bruge createElement, lave det sådan at man tilføjer <BR> i stedet for BR? Bare nysgerrig :)

createElement("BR") opretter faktisk <BR>-elementet, som bagefter tilføjes !-)

-- og som nævnt, er det faktisk også muligt at lave det ved at tilføje til innerHTML på det element, som indeholder checkboksene, men denne kode er klart 'korrektere' ...

-- og afstanden ændres ikke i mine browsere !o]

Velbekomme '-)

;O)

Hov hov, man har vel lov at stille spørgsmål for at forstå det hele ;)

Ja, jeg ved godt, det laver elementet, jeg tænkte bare på af nysgerrighed, om man kunne skrive det på en anden måde, så man skrev <BR> i stedet for BR?

Hvis du bruger innerHTML til at tilføje, skal man jo bruge "<br>" ...

-- men jeg forstår ikke hvorfor du ville bruge det ?-)

-- og du er velkommen til at stille mange tillægsspørgsmål ...

Nej, det er fint nok, skal skam ikke bruge det, var bare nysgerrig efter om man kunne gøre det :) Og jeg har ikke flere spørgsmål, så du får selvfølgelig dine point, sådan skal det skam heller ikke være :)

Tak for point ;~}