Dynamiske navn på html-elementer med java

#D4AF37

12. november 2012

Heia freaks and geeks.
Jeg trenger hjelp med to ting, som er viklet inn i hverandre.
det første jeg er interessert i er å gi navn til html-elementer dynamisk.
Jeg har en løkke som ser cirka slik ut:

Kode

<%
   for(item i : ld.getItems()) {
%>
      <tr>
              <td width:30><%= ld.getItemNr() %></td>
              <td width:30><%= ld.getDate() %></td>
              <td width:60><%= ld.getTitle() %></td>
              <td><input type="checkbox" id="" name="" value=""></td>
      </tr>
<%
                }
%>

Her vil jeg gi ulike navn til checkbox'ene som genereres. Any ideas?
Jeg prøvde med en:

Kode

<td><input type="checkbox" name="del_<%=i%>"></td>

men det likte den dårlig. Så idèer tas imot med takk.

Og så, skal jeg jammen meg sette opp en knapp som checker alle disse checkbox'ene også. Det er jo null stress om du har ferdige boxer og får lov til å navngi dem selv for eksempel(tror denne funker. lol):

Kode

function checkAll(table){
	checkboxes = document.getElementByName('navn_skal_her');
	for each(var checkbox in checkboxes)
                 checkbox.checked = source.checked;
}

, men når jeg ikke har et navn å gå utifra så er jeg veldig blank.

Håper noen kan hjelpe meg, hadde vært kjempesnilt. Kp og ære utdeles til hjelpsomme bidrag

hosjmeister

tafse

478 130

12. november 2012

Hva skjedde når du prøvde med denne koden?

Kode

name="del_<%=i%>"

Jeg forsøkte selv med en enkel test:

Kode

<%
	int i = 5;
%>
<form NAME="del_<%=i%>"></form>

Fungerer fint det, gir meg følgende:

Kode

<form NAME="del_5">

Hva om du gjør noe liknende?

Kode

<%
	int id = 0;
%>
<input type="checkbox" id="" name="del_<%=id++%>" value=""></td>

Sist endret av hosjmeister; 12. november 2012 kl. 22:12.

danielsk

2.224 689

12. november 2012

Sitat av moret

Jeg prøvde med en:

Kode

<td><input type="checkbox" name="del_<%=i%>"></td>

men det likte den dårlig. Så idèer tas imot med takk.

Vis hele sitatet...

Så vidt jeg kan se er i av typen item og ikke int, og kan dermed ikke printes. Da må du kanskje definere en int utenfor løkken og inkrementere den inne i løkken.

moret

#D4AF37

Trådstarter

6.868 6.426

13. november 2012

Sitat av danielsk

Så vidt jeg kan se er i av typen item og ikke int, og kan dermed ikke printes. Da må du kanskje definere en int utenfor løkken og inkrementere den inne i løkken.

Vis hele sitatet...

Ja, det er nok sikkert måten. Jeg tenkte på det selv også, men jeg var sliten i hodet når jeg satt med dette så jeg satte på en tv-serie i stedet. haha

lol - Det var faktisk bare så enkelt som å definere int i utenfor løkka og inkrementere inni.
Haha, så teit jeg er=)

Jeg trenger fortsatt backup med en checkAll-funkjson om noen føler seg snille

danielsk

2.224 689

13. november 2012

Enkleste er å bruke jQuery (javascript rammeverk).

Da kan du f.eks. gjøre slik

Kode

$(function (){
    $('#selectAll').click(function (){
        $('#form').find(':checkbox').attr('checked', 'checked');
    });

    $('#unselectAll').click(function (){
        $('#form').find(':checkbox').removeAttr('checked');
    });
});

Knappen for å select all må ha id="selectAll". Du kan også lage en knapp med id="unselectAll" for motsatt funksjonalitet. Form må ha id="form", eller så må du bytte ut "#form" med IDen du setter på skjemaet i HTML.

moret

#D4AF37

Trådstarter

6.868 6.426

13. november 2012

Sitat av danielsk

Enkleste er å bruke jQuery (javascript rammeverk).

Da kan du f.eks. gjøre slik

Kode

$(function (){
    $('#selectAll').click(function (){
        $('#form').find(':checkbox').attr('checked', 'checked');
    });

    $('#unselectAll').click(function (){
        $('#form').find(':checkbox').removeAttr('checked');
    });
});

Vis hele sitatet...

Oh, nice. tyty!
Skal teste dette i kveld. Så håper jeg det funker, det hadde vært dritt-deilig. temmelig lei av å prøve å få til den knappen nå