Fetching checked data from html:checkbox inside logic:iterate

[Sachin Ag]

Hello

I have a list of checkbox generated dynamically using logic:iterate. Here's the code :

<logic:iterate id="details" property="availablePaymentDetailsList" name="manualMatchDetailsForm">
											<tr>
												<td>
													<html:checkbox name="details" property="checked" indexed="true" ></html:checkbox>	
												</td>
												<td><bean:write name="details" property="controlAccount"/></td>
												<td><bean:write name="details" property="loadNumber"/></td>
												<td><bean:write name="details" property="ccn"/></td>
												<td><bean:write name="details" property="date"/></td>
												<td><bean:write name="details" property="amount"/></td>
											</tr>	
										</logic:iterate>	

What i want is that in the javascript to obtain the checkbox selected after i hit submit.

The view source part of that page looks like this..

<tr>
												<td>
													<input type="checkbox" name="details[0].checked" value="true">	
												</td>
												<td>345678901230000</td>
												<td>123456</td>
												<td>1234567890123</td>
												<td>10-Aug-2010</td>
												<td>100.00</td>
											</tr>

Please let me know how to proceed.

Thanks
Sachin

[David Newton]

Use an onsubmit or onclick handler?

Moving to HTML/JavaScript.

[Sachin Ag]

But the question here is how do i call the checked property in javascript.
Like something we have document.forms[0]. something something..
How do i get the value. There will be multiple checkboxes and i want to know the checkboxes selected.
Will be grateful if you provide some code snippet based on my example.

Regards
Sachin

[David Newton]

Same way as with any other DOM form element (although the brackets in the name will require not using the normal dot-notation, I think?)

[Sachin Ag]

Sir i have tried all possible way. Probably we need to iterate through something and then check individually if the checkbox was selected.
I tried to fetch something like this : document.forms[0].details[0].checked -- > this gave me error
document.forms[0].details -- > this gave me undefined
document.forms[0].availablePaymentDetailsList --> undefined
document.forms[0].availablePaymentDetailsList.length --> error

So please let me know with an working example.

Regards
Sachin

[Joe Ess]

Sachin Ag wrote:
I tried to fetch something like this : document.forms[0].details[0].checked -- > this gave me error
document.forms[0].details -- > this gave me undefined

As it should. Your checkbox's name is "details[0].checked". Your examples try to dereference document.forms[0].details and there's nothing there. Try something like:

  checkbox0 = document.getElementById('details[0].checked')   

[Sachin Ag]

I tried something like this:

alert(document.getElementbyId('details[0].checked'));

It gave me an alert of [object] and not the value though it's value was true. Can you please suggest me some other alternative.
Also how will I come to know the length of the arraylist in javascript.

Regards
Sachin

[Joe Ess]

Sachin Ag wrote:It gave me an alert of [object] and not the value though it's value was true.

The object you printed out is the checkbox itself. See here for the properties of that object.