Want to Control over HTML Elements?Disable HTML Elements JavaScript
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Generator" content="Dev-PHP 1.9.4">
<title>Document Title</title>
<script language="javascript">
function enableField()
{
if(document.form1.terms.checked){
document.form1.ORDER.disabled=false ;
}
else{
document.form1.ORDER.disabled=true;
}
}
function enableField1()
{
//alert(document.form2.terms1.value);
if(document.form2.terms1.value == "1"){
document.form2.ORDER1.disabled=false ;
document.form2.ORDER2.disabled=false;
}
else{
document.form2.ORDER1.disabled=true;
document.form2.ORDER2.disabled=true;
}
}
</script>
</head>
<body>
<FORM name="form1" ACTION="" METHOD="POST">
<B><INPUT TYPE="SUBMIT" VALUE="Add to Cart" NAME="ORDER" disabled="true"><BR><br><br>
<input type="checkbox" name="terms" value="" onClick="enableField()">Here, I agree with <a href="terms.php ">Terms & Conditions</a>
</form>
<br><br><br><br><br><br>
<FORM name="form2" ACTION="" METHOD="POST">
<select name="terms1" onChange="enableField1()">
<option value="1">1 </option>
<option value="2">2 </option>
<option value="3">3 </option>
</select>
<select name="ORDER1">
<option value="1">1 </option>
<option value="2">2 </option>
<option value="3">3 </option>
</select>
<select name="ORDER2">
<option value="1">1 </option>
<option value="2">2 </option>
<option value="3">3 </option>
</select>
</form>
</body>
</html>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Generator" content="Dev-PHP 1.9.4">
<title>Document Title</title>
<script language="javascript">
function enableField()
{
if(document.form1.terms.checked){
document.form1.ORDER.disabled=false ;
}
else{
document.form1.ORDER.disabled=true;
}
}
function enableField1()
{
//alert(document.form2.terms1.value);
if(document.form2.terms1.value == "1"){
document.form2.ORDER1.disabled=false ;
document.form2.ORDER2.disabled=false;
}
else{
document.form2.ORDER1.disabled=true;
document.form2.ORDER2.disabled=true;
}
}
</script>
</head>
<body>
<FORM name="form1" ACTION="" METHOD="POST">
<B><INPUT TYPE="SUBMIT" VALUE="Add to Cart" NAME="ORDER" disabled="true"><BR><br><br>
<input type="checkbox" name="terms" value="" onClick="enableField()">Here, I agree with <a href="terms.php ">Terms & Conditions</a>
</form>
<br><br><br><br><br><br>
<FORM name="form2" ACTION="" METHOD="POST">
<select name="terms1" onChange="enableField1()">
<option value="1">1 </option>
<option value="2">2 </option>
<option value="3">3 </option>
</select>
<select name="ORDER1">
<option value="1">1 </option>
<option value="2">2 </option>
<option value="3">3 </option>
</select>
<select name="ORDER2">
<option value="1">1 </option>
<option value="2">2 </option>
<option value="3">3 </option>
</select>
</form>
</body>
</html>
posted by Ankur Patel - Open Source Hacker at
Saturday, July 15, 2006
<< Home