Hi jay,
here's a simple demo that converts all checked items, into an array of length, using a single hidden field:
startpage
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<?xml-stylesheet type="text/css" href="#css_level21" media="screen"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>http://www.daniweb.com :: DHTML JavaScript / AJAX</title>
<style type="text/css">
/* <![CDATA[ */
td, th {
background-color : #f0f0f0;
font : bold normal normal 80%/1.5 Verdana, Arial, sans-serif;
color : #405060;
letter-spacing : 3px;
border : 1px solid #ccc;
padding : .500em 1em .500em 1em; }
table {
width : auto;
border : 1px solid #405060;
border-collapse : collapse; }
/* ]]> */
</style>
<script type="text/javascript">
// <![CDATA[
var form;
var Check = ( function() {
var hfield = (( hfield = document.getElementById("arr")) ? hfield : arr );
var element = ( function( index ) {
var index = index || 0;
var ids = "Search_Origin_State_USA_";
var obj;
return obj = (( obj = document.getElementById( ids + index )) ? obj : document.all[ ids + index ] );
} );
var getState = [ ];
var count = 0;
for( x = 1; element( x ); x++ ) {
if( element( x ).type === "checkbox" ) {
if ( element( 0 ).checked ) {
element( x ).checked = 0;
} else if ( element( x ).checked ) {
getState[ count ] = element( x ).value;
count++;
continue;
}
}
} hfield.value = getState.join(",");
alert( hfield.value ); // output >>>
} );
onload = function() {
if( "load_search" in document ) {
form = load_search;
} else { (( form = document.getElementById("load_search")) ? form : form = load_search );
} var chb0 = (( chb0 = document.getElementById("Search_Origin_State_USA_0")) ? chb0 : Search_Origin_State_USA_0 )
chb0.onclick = Check;
form.onsubmit = Check;
};
// ]]>
</script>
</head>
<body>
<div id="main">
<form id="load_search" action="test.php" method="post">
<table id="table" frame="void" rules="none" summary="JavaScript :: Live Demo!" cellspacing="4" cellpadding="4">
<tr>
<th><label for="Search_Origin_State_USA_0">All US States :</label></th>
<td><input type="checkbox" id="Search_Origin_State_USA_0" name="Search_Origin_State_USA_0" value="ALL" /></td>
</tr>
<tr>
<th><label for="Search_Origin_State_USA_1">AK :</label></th>
<td><input type="checkbox" id="Search_Origin_State_USA_1" name="Search_Origin_State_USA_1" value="AK" /></td>
</tr>
<tr>
<th><label for="Search_Origin_State_USA_2">CH :</label></th>
<td><input type="checkbox" id="Search_Origin_State_USA_2" name="Search_Origin_State_USA_2" value="CH" /></td>
</tr>
</table>
<div><input type="hidden" id="arr" name="arr" value="" /><input type="submit" value="- submit -" /></div>
</form>
</div>
</body>
</html>
and in yourtest.php:
<?php
$jArray = new Array( $_POST['arr'] ); /* gathered from Javascipt Array */ ?>
-essential
