how to check one checkbox to select all checkboxes in list 1

ashw · Sep 30, 2002

I have created a webpage where in order to delete from a list of weblinks on weblinks.cfm, you select its corresponding checkbox which has been dynamically added on weblinks.cfm when the weblink was created on newweblink.cfm
(by input tag written within form that submits to deleteweblink.cfm) I want to include a select all checkbox on weblinks, which when checked, checks all the weblinks for delete operaton. like in hotmail delete contacts. how do I do that?

r937 · Sep 30, 2002

using javascript

see Q1118 How can I check several checkboxes on a page when I select one checkbox that says "Select all"?

http://developer.irt.org/script/1118.htm

rudy

http://rudy.ca/

ashw · Sep 30, 2002

Thanks, it work great when I check "select all" check box to delete but now when I uncheck it the rest of the checkbox won't be selected. How do I do that?

r937 · Sep 30, 2002

when you uncheck it, you can write a javascript function to loop through the other checkboxen and uncheck them too

sort of like the loop to check them, but this time to uncheck them

(hotmail don't work like that, does it?)

rudy

ashw · Sep 30, 2002

How do I do that?

ashw · Sep 30, 2002

After writing the check function I have written uncheck function

<script language="JavaScript"></script>
then at input "select all" check box, I have written
<input type="checkbox" onClick="if (this.checked) checkAll(this.form); if (this.unchecked) UncheckAll(this.form);">

Does it make sense, it doesn't work though

SidianConsulting · Oct 1, 2002

Here is code I removed from one of my apps; I can't remember if I jacked it or not, but it works

Code:

<html>
	<head>
		<title>FlipAll Test</title>
		
		<script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot;>
		function ClearAll(fElement) {
		
			for (i=0;i <= fElement.length - 1;i++) {
				
					fElement[i].checked=0;
			}
			
		}

		function CheckAll(fElement) {
		
			for (i=0;i <= fElement.length - 1;i++) {
				
					fElement[i].checked=1;
			}
			
		}		
		</script>
		
	</head>
	
<body>

<span class=&quot;FormHeadText&quot;>Checkboxes</span> - <a href=&quot;javascript:void(0);&quot; style=&quot;font-family:Verdana;font-size:12px&quot; onclick=&quot;javascript:CheckAll(document.Filter.Test);&quot;>Select All</a> | <a href=&quot;javascript:void(0);&quot; style=&quot;font-family:Verdana;font-size:12px&quot; onclick=&quot;javascript:ClearAll(document.Filter.Test);&quot;>Clear All</a><br>

<form name=&quot;Filter&quot;>

<cfoutput>
	<cfloop from=&quot;1&quot; to=&quot;10&quot; index=&quot;i&quot;>
		<input type=&quot;checkbox&quot; name=&quot;Test&quot; value=&quot;checkbox#i#&quot;> Checkbox ###i#<br>
	</cfloop>
</cfoutput>

</form>

</body>

</html>

-Tek

ashw · Oct 2, 2002

I couldn't make it work. I don't know javascript at all and can't figure out how to incorporate it with my code. I have used only one checkbox to CheckAll or UncheckAll. Whereas the weblinks' corresponding checkboxes were dynamically added when a weblink was created on a newWeblink.cfm. the coding of dynamic checkbox was done on weblinks.cfm. I have written the javascript fuctions for both CheckAll and UnCheckAll but don't know how to call them from the input Select All checkbox. Can anyone look at my code and tell me what to do, please? I will appreciate very much.

(weblinks.cfm Code)


<cfinclude template="/Header.cfm">


<script language="JavaScript"></script>

<CFQUERY NAME="Web" DATASOURCE="weblink">
SELECT *
FROM Tblweblink
WHERE weblinkDeleteStatus = 'N'
</CFQUERY>
<body>

<Table>
<tr>

<TH colspan="4">

<cfform action="Deleteweblink.cfm" method="post">
<input type="submit" name="Delete" value="Delete">

 
<input type="Button" name="Trash" value="Trash"
onclick="window.location='Trash.cfm';">

 
<input type="Button" name="Create" value="New Weblink"
onclick="window.location='Newweblink.cfm';">
</TH>
<tr>
<TH><input type="checkbox" onClick="if(this.checked) checkAll(this.form);">Select</TH>
<TH>Site</TH>
<TH>Address</TH>
<TH>Description</TH>

<cfoutput query="web">
<TR bgcolor="#IIF(CurrentRow MOD 2, DE('FFFFFF'), DE('E9E9E9'))#">
<td>

<INPUT type="checkbox" name="dID" value="#weblinkID#">

</td>

<td><a href="ViewEditWebLink.cfm?WeblinkID=#weblinkID#">#weblinkname#</a></td>
<td><a href="#URLDecode('#weblinkaddress#')#">#weblinkaddress#</a></td>
<TD>#weblinkDescription#</TD>
</TR>
</CFOUTPUT>
</cfform>
</TABLE>
</body>
<cfinclude template="/footer.cfm">

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

how to check one checkbox to select all checkboxes in list 1

ashw

MIS

r937

Technical User

ashw

MIS

r937

Technical User

ashw

MIS

ashw

MIS

SidianConsulting

Programmer

ashw

MIS

Similar threads

Part and Inventory Search

Sponsor