why does the radio box doesnt go away?

Javascript coding ..

Moderators: macek, egami, gesf

nataliafoster26
New php-forum User
New php-forum User
Posts: 12
Joined: Fri Sep 21, 2012 9:45 pm

why does the radio box doesnt go away?

Postby nataliafoster26 » Thu Oct 04, 2012 3:19 pm

Code: Select all

<html>
<head>
<script language="javascript">
function fadd()
{
var first,sec,res;
//Take the value of first textbox  and convert it to float
first=parseFloat(document.forms[0].txt1st.value);
//Take the value of second textbox  and convert it to float
sec=parseFloat(document.forms[0].txt2nd.value);
res=first+sec;
//show the result in alertbox
alert("the result"+res);
//show the result in the result textbox
document.forms[0].txtresult.value=res;
}
function fminus()
{
var first,sec,res;
first=parseFloat(document.forms[0].txt1st.value);
sec=parseFloat(document.forms[0].txt2nd.value);
res=first-sec;
alert("the result"+res);
document.forms[0].txtresult.value=res;

}
function fdiv()
{
var first,sec,res;
first=parseFloat(document.forms[0].txt1st.value);
sec=parseFloat(document.forms[0].txt2nd.value);
res=first/sec;
alert("the result"+res);
document.forms[0].txtresult.value=res;

}
function fmult()
{
var first,sec,res;
first=parseFloat(document.forms[0].txt1st.value);
sec=parseFloat(document.forms[0].txt2nd.value);
res=first*sec;
alert("the result"+res);
document.forms[0].txtresult.value=res;

}
</script>
</head>
<body>
<p> Enter two values in 1st number and 2nd number box. Then check what you want to do with value.</p>
<p>After checking add, subtract, multiply or divide, a result will display</p>

<form name="cal" method="post" action="">
  <table width="100%"  border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="19%"><div align="left">Enter 1st number
         
      </div></td>
      <td width="81%"><input name="txt1st" type="text" id="txt1st"></td>
    </tr>
    <tr>
      <td><div align="left">Enter 2nd number
         
      </div></td>
      <td><input name="txt2nd" type="text" id="txt2nd"></td>
    </tr>
    <tr>
      <td height="28"><div align="left">Result
         
      </div></td>
      <td height="28"><input name="txtresult" type="text" id="txtresult"></td>
    </tr>
    <tr>
      <td colspan="2">&nbsp;      </td>
    </tr>
    <tr>
      <td colspan="2">&nbsp;</td>
    </tr>
  </table>  <td> add: <input name="btnadd" type="radio" id="btnadd" value="+" onclick="fadd()"></td><br/>
      <td>subtrack  <input name="btnminus" type="radio" id="btnminus" value="-" onClick="fminus()"></td><br/>
     <td>   divide<input name="btndiv" type="radio" id="btndiv" value="%" onClick="fdiv()"></td><br/>
    <td>  multiply<input name="btnmult" type="radio" id="btnmult" value="*" onClick="fmult()"></td><br/>
 
</form>
</body>
</html>

here is my code, it calculated good but why when i click add and gives result it doesnt uncheck it still there, if u guys try it u can see what im talking about

Return to “JavaScript”

Who is online

Users browsing this forum: No registered users and 2 guests