Please help me for the validation of dynamic radio button

Discussion in 'JavaScript' started by brijesh.sriv, May 18, 2007.

  1. #1
    Hi all members,

    I am a new programmer for web development. I am creating a form that have attandence records which have fix number of column but dynamic rows.

    There are four column have different radio buttons. having different name. I have one counter that is keep track of how many rows are there.

    when I am doing javascript validation then I am not able to take the names of the radio buttons because I am giving them name like "radio+counter number"
    like radio1,radio2 radio3......depend upon the row. in the same way for other column radio buttons also.

    my HTML coding is like this:

    foreach($MEMBER_ID as $key=>$val)
    {

    if($row2>0)
    {
    $BG_COLOR='#FFFFCC';
    }
    else
    {
    $BG_COLOR='';
    }


    $SHOW_MEMBER_DETAIL.="<table width='1663' border='0' cellspacing='0' cellpadding='0' class='simple_text'>
    <input type='hidden' name='counter' value='$RM'>
    <input type='hidden' name='member_id$RM' value='$row1->aid'>
    <input type='hidden' name='event_id' value='$EVENT_ID'>
    <input type='hidden' name='event_cat' value='$EVENT_CAT'>
    <input type='hidden' name='event_month' value='$SELECT_MONTH'>
    <tr bgcolor='#FFFFCC'>
    <td width='58'>$RM</td>
    <td width='424'>$MEMBER_NAME</td>
    <td width='525'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input name='conf_attn$RM' id='conf_attn' type='radio' value='c_n_a'><strong>C&amp;A</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;
    <input name='conf_attn$RM' id='conf_attn' type='radio' value='c_n_na'><strong>C&amp;NA</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;
    <input name='conf_attn$RM' id='conf_attn' type='radio' value='nc_n_a'><strong>NC&amp;A&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;</strong>&nbsp;&nbsp;
    <input name='conf_attn$RM' id='conf_attn' type='radio' value='nc_n_na'><strong>NC&amp;NA</strong></td>
    <td width='113'><div align='center'>
    <input name='start$RM' id='start' type='radio' value='p'><strong>P</strong>&nbsp;&nbsp;&nbsp;
    <input name='start$RM' id='start' type='radio' value='a'><strong>A</strong></div></td>
    <td width='113'><div align='center'>
    <input name='brake$RM' id='brake' type='radio' value='p'><strong>P</strong>&nbsp;&nbsp;&nbsp;
    <input name='brake$RM' id='brake' type='radio' value='a'><strong>A</strong></div></td>
    <td width='100'><div align='center'>
    <input name='end$RM' id='end' type='radio' value='p'><strong>P</strong>&nbsp;&nbsp;
    <input name='end$RM' id='end' type='radio' value='a'><strong>A</strong></div></td>
    <td width='216'><div align='center'>
    <select name='cand_behaviour$RM' id='cand_behaviour'>$CAND_BH</select></div></td>
    <td width='114'><div align='center'><strong><a href='#' onclick=javascript:window.open('./event_attendence.php?con_rem=1+mem=$val','','scrollbars=yes,toolbar=no,menubar=no,resizable=yes')>Re mark</a></strong></div></td>
    </tr>
    </table>";
    $RM=$RM+1;
    }




    }



    My JAVASCRIPT like this:

    counter=document.submit_event_attandence.counter.value;
    for(x=1; x<counter; x++)
    {
    var y=x;
    alert(y);
    myOption = -1;
    myOption1 = -1;
    myOption2 = -1;
    myOption3 = -1;


    for (i=submit_event_attandence.conf_attn+y.length-1;i > -1; i--)
    {
    if (submit_event_attandence.conf_attn+y.checked)
    {
    myOption1 = i;
    i = -1;
    }
    }

    for (j=submit_event_attandence.start+y.length-1; j > -1; j--)
    {
    if (submit_event_attandence.start+y[j].checked)
    {
    myOption1 = j;
    j = -1;
    }
    }

    for (k=submit_event_attandence.brake+y.length-1; k > -1; k--)
    {
    if (submit_event_attandence.brake+y[k].checked)
    {
    myOption2 = k;
    k = -1;
    }
    }

    for (l=submit_event_attandence.end+y.length-1; l > -1; l--)
    {
    if (submit_event_attandence.end+y[l].checked)
    {
    myOption3 = l;
    l = -1;
    }
    }

    if (myOption == -1)
    {
    alert('You must select a radio button of confirm and attandend');
    return false;
    }

    if (myOption1 == -1)
    {
    alert('You must select a radio button of Start attandence');
    return false;
    }

    if (myOption2 == -1)
    {
    alert('You must select a radio button of Brake attandence');
    return false;
    }

    if (myOption3 == -1)
    {
    alert('You must select a radio button of End attandence');
    return false;
    }
    Edit/Delete Message
     
    brijesh.sriv, May 18, 2007 IP