[RESOLVED] radio button,need a <div> to identify the selection

[jrough]

Can you put a <div> around a set of radio buttons to get the selected value and then use the document.getElementByID to get that value in Javascript? I am using if/else statements for a search box and I want those values to stay down if they are already selected and the page redraws, so how do I know the <div id='search_pref_ind'> has the right value? THANKS!

var pref_ind=document.getElementById("search_pref_ind").value;

Here is the radio button input:

echo "<div='search_pref_ind'>";
if ($search_pref_ind==''){
echo "<td><input type='radio' class='radio_b' name='search_pref_ind'  value ='N' >Not Preferred </td>\n";
echo "<td><input type='radio' name ='search_pref_ind' class='radio_b' value='Y' >Preferred</td>\n";
echo "<td><input type='radio' name='search_pref_ind' class='radio_b' value= 'A' checked >ALL</td>\n";
}else {
   if ( $search_pref_ind=='N' ) {
        echo "<td><input type='radio' name ='search_pref_ind' class='radio_b' value='N' checked >Not Preferred</td>\n";
        echo "<td><input type='radio' name ='search_pref_ind' class='radio_b' value='Y'>Preferred</td>\n";
        echo "<td><input type='radio' name ='search_pref_ind' class='radio_b' value='A'>ALL</td>\n";
    }elseif($search_pref_ind=='Y'){

    echo "<td><input type='radio' name='search_pref_ind' class='radio_b' value ='N' >Not Preferred</td>\n";
    echo "<td><input type='radio' name ='search_pref_ind' class='radio_b' value='Y' checked>Preferred</td>\n";
    echo "<td><input type='radio' name ='search_pref_ind' class='radio_b' value='A'>ALL</td>\n";
}elseif($search_print_flag=='A'){
    echo "<td><input type='radio' name='search_pref_ind' class='radio_b' value ='N'>Not Preferred</td>\n";
    echo "<td><input type='radio' name ='search_pref_ind' class='radio_b' value='Y'>Preferred</td>\n";
    echo "<td><input type='radio' name ='search_pref_ind' class='radio_b' value='A' checked>ALL</td>\n";
}

}//end else
echo "</div>";

[johanafm]

1. Divs have no value.

2. If by "redraws" you mean a new page request, then you have to deal with the issue in a server side script. When echoing the html code for the radio buttons, compare each button's value to the value of the post / get value, and if they match add checked="checked" to this particular radio button.

3. If you want someone to actually read your code, use appropriate coding tags for it, and indent your code.

[jrough]

Sorry I forgot the code tags. I meant refresh as in window.location. I discovered the problem. I didn't know in radio buttons you have to iterate through the array to get the value. I was trying to get the value like a text input going to the element using the div. Thanks,