How do I... (radio buttons..)

[php_novice2007]

Hi,

 

I've got two radio buttons, and I want to call a javascript function when one of them is clicked to display some text, if the other one is selected I don't want the text to be displayed..

 

So far I've got:

<input type=radio name="u1choice" checked onclick="radioclick(this)" value="u1all">All data<br>
<input type=radio name="u1choice" onclick="radioclick(this)" value="u1selected">Selected period<br>
<div id="collapseDate1" style="display:none">
   What period? ....
</div>

function radioclick(rbutton) {


}

 

So if Selected period is selected, I want "What period?  ...." to be displayed, if All data is selected, I want it hidden. I don't know what to write in the radioclick() function.

 

Thanks for any help!

[php_novice2007]

I just tried:

 

function radioclick(rbutton) {
    if (rbutton[0].checked) {  //all selected
        alert("all selected");
        //document.getElementById(str1).style.display = 'none';
    } else if (rbutton[1].checked) {  //selected dates selected
        alert("selected date selected");
        //document.getElementById(str1).style.display = '';
    } else {
        alert("???");
    }
}

 

And I'm getting an error which says '0.checked' is null or not an object

 

[ToonMariner]

you are passing 'this' to the function so lose the [0] - you are passing the object itself NOT an array...

[php_tom]

To hide the text, you could also try

document.getElementById(str1).style.visibility='visible';
  -- and --
document.getElementById(str1).style.visibility='hidden';