Radio button validation
use same name to both radio buttons
in .js file
function val_radio()
{
if((document.form1.gender[0].checked==false)&& (document.form1.gender[1].checked==false))
{
alert("Please Select Sex");
return false;
}
if(document.form1.gender[0].checked==true)
{
alert("male");
var gender="male";
}
if(document.form1.gender[1].checked==true)
{
alert("female");
var gender="female";
}
alert("your detials are accepted..")
document.write("your gender is "+gender);
}
in .html file
<html>
<script language="javascript" type="text/javascript" src="val_radio.js">
</script>
</head>
<body>
<form name="form1" action="" onsubmit="return val_radio()">
gender:
<input type="radio" name="gender" value="male"/>male
<input type="radio" name="gender" value="female"/>female
<input type="submit" name="submit" value="submit"/>
</form>
</body>
</html>
Check Box validation
in checkbox.js file
function checkbox()
{
if(document.form1.driver[0].checked==false && document.form1.driver[1].checked==false)
{
alert("please choose your driving type")
return false;
}
if(document.form1.driver[0].checked==true)
{
dtype="need Driver";
}
if(document.form1.driver[1].checked==true)
{
dtype="self Driver";
}
document.write("driving type is " + dtype);
}
in checkbox.html file
<html>
<head>
<script language="javascript" type="text/javascript" src="checkbox.js">
</script>
</head>
<body>
<form name="form1" method="post" onsubmit="return checkbox()">
<table>
<tr>
<td>Driving type </td>
<td><input name="driver" type="checkbox" />Need a Driver</td>
</tr>
<tr>
<td></td>
<td><input name="driver" type="checkbox"/>self Driver</td>
</tr>
<tr>
<td><input type="submit" name="check" value="check"/></td>
</tr>
</table>
</form>
</body>
</html>