Display based on radio button selection

Mekala · August 5th, 2004, 04:56 AM

I have 2 radio buttons in page. When the first one is selected a textarea should appear between the 2 buttons & on deselect, the textarea shd disappear. I have the code that displays the textarea correctly when selected and when deselected disappears. But after disappearing the focus is still in the first radio button itself. Can someone clarify with the same.

The code i used is:

<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=UTF-16">
<script language="javascript">

        </script>
        <script language="javascript">
        </script></head>
        <body>
        <input type="radio" name="radio" value="1" onclick="swap2()" onblur="swap1()">Check1
        <div id="outer" style="position:relative;">
        <div id="initial" style="display:inline"><br></div>
        <div id="final" style="display:none"><br><textarea rows="5" cols="70">blalalansdflasfd</textarea></div>
        </div>
        <input type="radio" name="radio" value="2">Check2</body>
</html>

ChrisScott · August 5th, 2004, 05:07 AM

Hi Mekala,

I think you need to move the function call to the other radio button as an onclick, rather than calling it onblur...

Code:

<input type="radio" name="radio" value="1" onclick="swap2()">Check1

... 

<input type="radio" name="radio" value="2" onclick="swap1()" >Check2

HTH,

Chris

Mekala · August 5th, 2004, 05:45 AM

Hi chris,
Thanks for ur reply!
But the problem is the second radio button generated is dynamic. It is one among the many!
I need to include the events only to the first radio button and cant add to the rest. So, can it be done?

Mekala

ChrisScott · August 5th, 2004, 06:27 AM

Hi Mekala,

Can't you attach the method call to the onclick when the radio button is created dynamically?

If not, you could attach it when the onclick is executed - add the following to the start of your swap2()

Code:

function swap2(pRad) { 

    // attach hide function to other button if it exists
    var f = pRad.form;
    for(var i = 0; i < f.length; i++){
        var el = f.elements[i];
        if(el.name == pRad.name && el != pRad){
            el.onclick = swap1;
            break;
        }
    }

and change the first radio button to...

Code:

<input type="radio" name="radio" value="1" onclick="swap2(this)">

HTH,

Chris

Mekala · August 5th, 2004, 11:36 PM

Hi chris,

Thanks! Its working fine!

Mekala