Peace, Can you help me with Show And Hide?:
I made an Input text I want to hide it, And I want to show it if I click on a button. How can I do it?

It can be done in two ways. The difference between the two methods is obvious: one of them(visibility) doesn't change the page layout while the other(display) does.

    function hide()
        var elem = document.getElementById('myP'); = 'none';
    function show()
        var elem = document.getElementById('myP'); = '';
    function hide2()
        var elem = document.getElementById('myP2'); = 'hidden';
    function show2()
        var elem = document.getElementById('myP2'); = 'visible';
        <h2 align="center">Using the display property of CSS</h2>
        <p id="myP">Here is some text which I want to hide</p>
        <br />
        <input type="button" onclick="hide();" value="Hide" />
        <input type="button" onclick="show();" value="Show" />        
        <h2 align="center">Using the visibility property of CSS</h2>
        <p id="myP2">Here is some text which I want to hide</p>
        <br />
        <input type="button" onclick="hide2();" value="Hide" />
        <input type="button" onclick="show2();" value="Show" />

Easiest solution is to use one javascript function to show and hide.

Example :

<a onclick ="javascript : ShowHide('HiddenDiv')" href="javascript:;" >Show/Hide</a>

<div class="mid" id="HiddenDiv" style="DISPLAY: none" >
This text was hidden

<script language="JavaScript">
function ShowHide(divId)
if(document.getElementById(divId).style.display == 'none')
document.getElementById(divId).style.display = 'none';

For more details visit article
How to show and hide HTML elements using Javascript

if i want to select the three option button and fourth option butoon if i click thna show the radio button accound to condtion

This question has already been answered. Start a new discussion instead.