CheckBoxes Help!!!

Vem786 · Dec 17, 2003

Hi:
I'm trying to use the code below to Check All checkboxes, If they aren't checked and Uncheck All If they are Checked. But somehow I dont get to see the Action!!!!

Can Anyone please point out whats wrong?

-------------------------------------
<HTML
<HEAD>
<TITLE> SELECT/UNSELECT CHECKBOXES</TITLE>
<script language="javascript">
function selectDeselect() {
var len = document.form1.elements.length;
//alert(len);=7

var boxes_checked = anyChecked();//If any of the boxes is CHECKEd it'll be TRUE
// If any of the boxes is NOT CHECKEd it'll be FALSE
alert(boxes_checked);

if(boxes_checked==false)
setChecks(true);
else
setChecks( false);

function setChecks( setting ) {

for( var i=0; i < len; i++ ) {

document.form1.myData[ i ].checked = setting;
}
}

function anyChecked() {
//alert("In func anychecked!!&quot

;

for( var i=0; i < len; i++ ) {
alert("In anyChecked func's for loop!!!&quot

;

if( document.form1.myData[ i ].checked == true ) {
//alert("In Anychecked IF&quot

;
return true;
}
}

return false;
}
}
</script>
</HEAD>
<BODY>
<form name="form1">
<input type="checkbox" name="myData1" />
<input type="checkbox" name="myData2" />
<input type="checkbox" name="myData3" />
<input type="checkbox" name="myData4" />
<input type="checkbox" name="myData5" />
<input type="checkbox" name="myData6" />
<input type="checkbox" name="myData7" />
</form>
<a href='#' onClick="selectDeselect();">Select/Deselect</a>
</body>
</html>

adam0101 · Dec 17, 2003

document.form1.myData[ i ].checked

should be

document.form1["myData"+i].checked

Adam
while(ignorance==true){perpetuate(violence,fear,hatred);life--};

Vem786 · Dec 17, 2003

Sorry!!! Even after that change I don't get to see the action at all!!!

The Page Status Bar says "Error on Page"!!!

jemminger · Dec 17, 2003

Adam is correct...note that it needs to be changed in two places.

also, in your loops you're starting at i == 0 but your checkboxes begin at 1 so I added one more checkbox:

<HTML
<HEAD>
<TITLE> SELECT/UNSELECT CHECKBOXES</TITLE>
<script language="javascript">
function selectDeselect() {
var len = document.form1.elements.length;

//If any of the boxes is CHECKEd it'll be TRUE
// If any of the boxes is NOT CHECKEd it'll be FALSE
var boxes_checked = anyChecked();

alert(boxes_checked);

if(boxes_checked==false)
setChecks(true);
else
setChecks( false);

function setChecks( setting ) {
for( var i=0; i < len; i++ ) {
document.form1.elements["myData" + i ].checked = setting;
}
}

function anyChecked() {
for( var i=0; i < len; i++ ) {
if( document.form1["myData" + i ].checked == true ) {
return true;
}
}

return false;
}
}
</script>
</HEAD>
<BODY>
<form name="form1">
<input type="checkbox" name="myData0" />
<input type="checkbox" name="myData1" />
<input type="checkbox" name="myData2" />
<input type="checkbox" name="myData3" />
<input type="checkbox" name="myData4" />
<input type="checkbox" name="myData5" />
<input type="checkbox" name="myData6" />
<input type="checkbox" name="myData7" />
</form>
<a href='#' onClick="selectDeselect();">Select/Deselect</a>
</body>
</html>

=========================================================
-jeff

http://www.jeffemminger.com

try { succeed(); } catch(E) { tryAgain(); }

Vem786 · Dec 17, 2003

This is Incredible!!!

I'm just thankful to all of you.

adam0101 · Dec 17, 2003

good catch, jeff

Adam
while(ignorance==true){perpetuate(violence,fear,hatred);life--};

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!

CheckBoxes Help!!!

Vem786

Technical User

adam0101

Programmer

Vem786

Technical User

jemminger

Programmer

Vem786

Technical User

adam0101

Programmer

Similar threads

Part and Inventory Search

Sponsor