• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 438
  • Last Modified:

Triggering Select-All in JSP

Hi - I have a JSP page with multiple check boxes - the check boxes are populated on the screen using a Struts 2 Tag as follows

<s:iterator value="myList" status="status">
<td align="center"><s:checkbox name="myList[%{#status.index}].checkboxName"/></td>
</s:iterator>

I have another checkbox on the screen which when clicked should trigger selection of all other checkboxes on the screen. The following is the Javascript

function toggle(source,status)
{
   var checkboxelements = new Array();
   var cnt = 0;
        
        for (var counter=0; counter < source.document.forms[0].elements.length; counter++)
        {
           var element = source.document.forms[0].elements[counter];
           if(element.name.indexOf('checkbox')!=-1)
           {
                 checkboxelements[cnt] = element;
                 alert(checkboxelements[cnt].checked);
                 cnt++;
           }
        }
        
        if(checkboxelements!=null)
        {
             
                           for (var counter=0; counter < checkboxelements.length; counter++)
                            {
                                  checkboxelements[counter].checked = 'true';
                            }
                     }
        
        
      }


Triggering the above does not seem to help enable all the checkboxes - not sure what I'm missing but the status of the existing checkboxes comes back correctly.

Thanks
0
abuyusuf
Asked:
abuyusuf
  • 2
1 Solution
 
chaitu chaituCommented:
see this example
<script>
	function selectall(obj)
	{
			if(obj.checked)
			{
				var input = document.getElementsByTagName("input");
				for(i=0;i<input.length;i++)
				{

					if(input[i].type == 'checkbox')
					{
						input[i].checked=true;

					}

				}

			}
	}
  </script>
 </HEAD>

 <BODY>
  <input type='checkbox' id='selectall' onclick='selectall(this)'>Select all
  <input type='checkbox' id='checkbox1'>11111
  <input type='checkbox' id='checkbox2'>222222
  <input type='checkbox' id='checkbox3'>333
 </BODY>

Open in new window

0
 
abuyusufAuthor Commented:
Hi chaituu
Thanks for responding I tried that but it doesn't work for some reason. I am using struts tags. Appreciate the help
Thanks
0
 
chaitu chaituCommented:
take view source code after displaying the page and paste it here
0
 
Sathish David Kumar NArchitectCommented:

not like this
checkboxelements[counter].checked = 'true';

change like this
checkboxelements[counter].checked = true;

bcz if u give in singel qutoe means it will take it as string

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now