CheckBox Function 1

ezmaRell · Aug 14, 2002

I am working on a page that has 4 different arrays of checkboxes - I would like to create a function that will
loop thru the array of chkboxes to determine which one the user selected and return the name of the chkbox and the number.

The first part of my code is below - please assist -I am a new programmer and this is my first assignment.

function BoxChecked(chkBox){
var aName;
var sName;
var i;
var aEval;
var obj;

aName=chkBox.name.split("_&quot

;
sName=aName[0];

if (aName[0]=="chkCircType&quot

{
//If the "All" box is checked and the user clicked a box other than "All"
//"chkCircType_1" represents the "all" checkbox

if((ccform.item("chkCircType_1&quot

.checked) && (chkBox.name != "chkCircType_1&quot

)
{//then turn off the "All" box and...
ccform.item("chkCircType_1&quot

.checked=false;
// turn off all boxes except the box the user checked.
for(i=0; i<ccform.hCircTypeCount.value; i++)
{
if ((i+1) != aName[1]){
ccform.item("chkCircType_"+(i+1)).checked=false;}
else {
ccform.item("chkCircType_"+(i+1)).checked=true;}
}}
else {
if(ccform.item("chkCircType_1&quot

.checked) {
for(i=0; i<ccform.hCircTypeCount.value; i++){
ccform.item("chkCircType_"+(i+1)).checked=true; }
}}}

Thanks for your help.

jemminger · Aug 15, 2002

hi ezmaRell,

here's a quick example that should help you get started:
[tt]
<html>
<head>
<title>checkbox array</title>

<script name="javascript">
function getValues() {
var sValues = "";
var args = arguments;

// loop through array of arguments
for (a = 0; a < args.length; a++) {
// loop through elements of each argument
for (e = 0; e < args[a].length; e++) {
if (args[a][e].checked)
sValues += args[a][e].name +
" = " + args[a][e].value + "\n";
}
}
alert(sValues);
}
</script>

<style type="text/css">
</style>

<meta name="author" content="?">
<meta name="keywords" content="?">
<meta name="description" content="?">
</head>

<body onload="">
<form name="" action="" method="">
group one:
<input type="checkbox" name="box1" value="a" />
<input type="checkbox" name="box1" value="b" />
<input type="checkbox" name="box1" value="c" />
<input type="checkbox" name="box1" value="d" />
<p />
group two:
<input type="checkbox" name="box2" value="one" />
<input type="checkbox" name="box2" value="two" />
<input type="checkbox" name="box2" value="three" />
<input type="checkbox" name="box2" value="four" />
<p />
<input type="button" name="" value="getValues();" onclick="getValues(this.form.box1,this.form.box2);" />
</form>
</body>
</html>
[tt] =========================================================
if (!succeed) try();
-jeff

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!

CheckBox Function 1

ezmaRell

Programmer

jemminger

Programmer

Similar threads

Part and Inventory Search

Sponsor