checkbox checks

Change

for (i=0;i<YearArray[i].length;++i) 
//For 
for (i=0;i<YearArray[i].length;i++)

                                              

1:
2:
3:
4:
5:

@Terry_focus:
Using ++i OR i++ will make no difference in that for loop construct.

function GetsData()
{
debugger
var YearArray;
var arrCount = 0;
var arrPeriod = new Array();
var list = "|56|US Direct|2008|11|MBS Direct|2009|41|Direct|2007";
           
arrPeriod = list.split("|");

      var chk = document.getElementsByName('FundYear');
      YearArray = new Array();
      for (var i=0; i<chk.length; i++)
      {
            if (chk[i].checked)
            {
                  var YearvalueArray = chk[i].getAttribute("value").split(",");
                  YearArray[arrCount] = YearvalueArray[0];
                  arrCount++;
            }
      }
      arrCount = 0;

      
      for (i=0;i<chk.length;i++)
      {
             if (arrPeriod[i] == YearArray[0])
                {
                  document.form1.ChkPeriod[i].value = arrPeriod[i-2]
                  document.form1.ChkPeriod[i].text = arrPeriod[i-1]
                  alert(arrPeriod[i-2]);
                  alert(arrPeriod[i-1]);

//error it says that the document.form1.ChkPeriod[i].text  is not an object or null

//how can I fix this


                }
      }

      
}
</script>

function GetsData()
{
debugger
var YearArray;
var arrCount = 0;
var arrPeriod = new Array();
var list = "|56|US Direct|2008|11|MBS Direct|2009|41|Direct|2007";

arrPeriod = list.replace(/^\|/g, '').split("|");

      var chk = document.getElementsByName('FundYear');
      YearArray = new Array();
      for (var i=0; i<chk.length; i++)
      {
            if (chk[i].checked)
            {
                  var YearvalueArray = chk[i].getAttribute("value").split(",");
                  YearArray[arrCount] = YearvalueArray[0];
                  arrCount++;
            }
      }
      arrCount = 0;
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
      
// how can I populate the document.form1.ChkPeriod[i].value with the value from the stored array.

  <input id="ChkPeriod" type="checkbox" value="" />


      for (i=0;i<chk.length;i++)
      {
             if (arrPeriod[i] == YearArray[i])
                {
                  document.form1.ChkPeriod[i].value = arrPeriod[i-2]
                  document.form1.ChkPeriod[i].text = arrPeriod[i-1]
                  alert(arrPeriod[i-2]);
                  alert(arrPeriod[i-1]);
                }
      }

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////      
}
</script>

post your html form.

<form name="form1" id="form1" method="post" >
<table>

   <tr>


<td>
                        
<input id="FundYear" type="checkbox" onpropertychange="GetsData(window.document.form1.FundYear)" value="2008" />2008
            
</td>

            <td>

                      <input id="ChkPeriod" type="checkbox" value="" />

            </td>

      </tr>

</table>

</form>


///////////////////////////////////

PLEASE NOTE I MADE CHANGES TO THE JAVASCRIPT

<script type="text/javascript">

function GetsData()
{
debugger
var YearArray;
var arrCount = 0;
var arrPeriod = new Array();
var list = "|56|US Direct|2008|11|MBS Direct|2009|41|Direct|2007";

arrPeriod = list.replace(/^\|/g, '').split("|");

      var chk = document.getElementsByName('FundYear');
      YearArray = new Array();
      for (var i=0; i<chk.length; i++)
      {
            if (chk[i].checked)
            {
                  var YearvalueArray = chk[i].getAttribute("value").split(",");
            }
      }

      
      for (i=0;i<arrPeriod.length;i++)
      {
          for (e=0;e<YearvalueArray.length;e++)
          {
      
        if (arrPeriod[i] == YearvalueArray[e])
                   {
                     document.form1.ChkPeriod.value = arrPeriod[i-2]
                     document.form1.ChkPeriod.text = arrPeriod[i-1]
                     alert(arrPeriod[i-2]);
                     alert(arrPeriod[i-1]);
                   }
            ///// THE ONLY PART THAT DOES NOT WORK IS THAT IT DOES NOT POPULATE THE CHKPERIOD CHECKBOX WITH THE VALUE

           }
      }

}
</script>

Hielo,

thank you I am very close.  I did not include this part because I don't want to complecate you.

I want to tell you that the FundYear checkbox is getting populating from the database with different years.  if the user select year 2008 and 2009 it should prompt them with  

something like this
if the user select 2008 and 2009

[ ] 2006
[ ] 2007
[ X ] 2008
[ X ] 2009

the user should be prompted with both option

[ ] "US Direct"
[ ] "MBS Direct"

now what's doing is I select 2008 and 2009 it will display "US Direct" only so, it is very close.

<td>
                       
<input id="FundYear" name="FundYear" type="checkbox" onpropertychange="GetsData(window.document.form1.FundYear)" value="2008" />2008
           
</td>


//////////////////////////////////////////////////////////////////////////////////////////////////////////

<td>
                        <%
                  sSQL = "SELECT FIC.ProCode " & _
                           "FROM dbo.FundControl AS FIC INNER JOIN " & _
                           "dbo.PnControl AS PC ON FIC.ProCode = PC.ProCode "
                                                                  
             set rsFundYr = RunSQL(sSQL, 1)
                  
               Do While Not rsFundYr.EOF %>
                   <input id="FundYear" type="checkbox" onpropertychange="GetsData(window.document.form1.FundYear)" value="<%=trim(rsFundYr("PromoCode"))%>" /><%=trim(rsFundYr("PromoCode"))%>
            
               <%rsFundYr.MoveNext
                  Loop %>


                  
                  </td>

////////////////////////////////////////////////////////////////////////////////

Maybe something like this to have multiple checkboxes listed along with the labels.

                     document.form1.ChkPeriod[i].value = arrPeriod[i-2]
                     document.form1.ChkPeriod[i].title = arrPeriod[i-1]
                     document.getElementById("lblChkPeriod")[i].innerHTML= arrPeriod[i-1]


ChkPeriod[i]

I have to somehow loop and populate the  ChkPeriod and lblChkPeriod more than once

right now it over write the lblChkPeriod

Thank you that answer my first question