List of checkboxes

Hi!

I appreciate your effort for giving the response but now it displays only the last value of ArrayList. In other words, it is now displaying just the last time slot. Also, without clicking the checkbox that single time slot gets deleted.

I'm resending the modified code=

<center>
<table border="0" width="100%" height="100%" background="images/img1.jpg" style="background-repeat:repeat-x, repeat-y; background-position:top">
<tr>
<td width="10%" height="100%">&nbsp;</td>
<td width="80%" height="100%">
<table border="0" width="100%" height="100%">
<tr>
<td>
<table border="0" width="100%" height="100%" background="images/header-fill1.jpg" cellspacing="0">
<form action="" name="SchMeetForm">
<tr>
<th colspan="4">
<u>Schedule a Meeting</u>
</th>
<th align="right">
<input type="submit" value="Send" class="but">
</th>
</tr>
<tr align="left">
<td>
Subject:
</td>
<td>
<input type="text" name="subject">
</td>
<td>
&nbsp;
</td>
<td>
Where:
</td>
<td>
<select>
<%
MsdsConnection msdsconn;
Statement stmt=null;
ResultSet rs=null;
msdsconn=new MsdsConnection();
msdsconn.initialize(getServletContext());
msdsconn.establishConn();
Connection conn=msdsconn.getMsdsConnection();
stmt=conn.createStatement();
rs = stmt.executeQuery("select loc_name from location");
while(rs.next())
{
%>
<option> <%=rs.getString(1)%> </option>
<% } %>
</select>
</td>
</tr>
<tr align="left">
<td>
Date:
</td>
<td>
<script>DateInput('orderdate', true, 'DD-MON-YYYY')</script>
<!--<input type="button" onClick="alert(this.form.orderdate.value)" value="Show date value passed">-->
</td>
<td>
&nbsp;
</td>
<td>
Chair:
</td>
<td>
<select>
<%
rs = stmt.executeQuery("select emp_name from employee");
while(rs.next())
{
%>
<option> <%=rs.getString(1)%> </option>
<% } %>
%>
</select>
</td>
</tr>
</form>
<form action="#" name="TSForm">
<tr align="left">
<td>
When &nbsp;&nbsp;
Starts:
</td>
<td>
<input type="text" name="startsHr" size="1" maxlength="2" OnKeyPress="return validateNumeric()"/>:
<input type="text" name="startsMin" size="1" maxlength="2" OnKeyPress="return validateNumeric()"> &nbsp; [24HH:MM]
</td>
</tr>
<tr align="left">
<td>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Ends:
</td>
<td>
<input type="text" name="endsHr" size="1" maxlength="2" OnKeyPress="return validateNumeric()">:
<input type="text" name="endsMin" size="1" maxlength="2" OnKeyPress="return validateNumeric()"> &nbsp; [24HH:MM] &nbsp;

<input type="submit" name="save" value="Save" class="but" >
</td>
</tr>
</form>
</table>
</td>
</tr>
<%
String btn=request.getParameter("save");
if(btn!=null)
{
%>
<tr>
<td>
<table bgcolor="#F8F8FF" cellspacing="0" border="0" border="0" width="100%" height="100%">
<tr align="center">
<th align="left">
<u> Initiated Time Slots: </u>
</th>
</tr>
<tr align="left">
<td>
<%
String sh=request.getParameter("startsHr");
String sm=request.getParameter("startsMin");
String eh=request.getParameter("endsHr");
String em=request.getParameter("endsMin");
int index=0;

ArrayList al=new ArrayList();
if(sh!=""&&sm!=""&&eh!=""&&em!="")
{
int nsh=Integer.parseInt(sh);
int nsm=Integer.parseInt(sm);
int neh=Integer.parseInt(eh);
int nem=Integer.parseInt(em);

if(nsh<0 || nsh>23 || nsm<0 || nsm>60 || neh<0 || neh>23 || nem<0 || nem>60)
{ %>
Invalid Time!

<% }
else
{

al.add(index);
al.add(sh);
al.add(sm);
al.add(eh);
al.add(em);
index++;
Iterator itr = al.iterator();
while(itr.hasNext())
{
%>
<input type="checkbox" name="ts" id="ts" value="<%=itr.next()%>">
<label id="div"><%=itr.next()%>:<%=itr.next()%>&nbsp;-&nbsp;<%=itr.next()%>:<%=itr.next()%></label>
<br>
<%
}
}

String d=request.getParameter("delete");
if(d!=null)
{
String[] p;
p=request.getParameterValues("ts");
//System.out.println(p);
if(p!=null)
{
for (int i = 0; i < p.length; i++)
{
int j;
for(j=0;j<al.size();j++)
{
if(al.get(j)==p[i])
break;
}
for(int k=0;k<5;k++)
{
al.remove(j);
}
}
}
}
} %>
</td>
</tr>
<tr align="left">
<td>
<input type="button" value="Remove" onclick="del();" class="but" name="delete">
</td>
</tr>
</tr>
</table>
</td>
</tr>
<% } %>
</table>
</td>
<td width="10%" height="100%">&nbsp;</td>
</tr>
</table>
</center>

<script>
function del(){

if (document.getElementById) {
document.getElementById('ts').style.visibility = 'hidden';
document.getElementById('div').style.visibility = 'hidden';
}
}
</script>