<html> <head> <script type="text/javascript"> function update(val) { if (val==1) { document.getElementById("x1").disabled = true; document.getElementById("x2").disabled = true; }else{ document.getElementById("x1").disabled = false; document.getElementById("x2").disabled = false; } } </script> </head> <body> <form> <input type="radio" name="myRadioButton" id="r1" value="1" onclick="update(1);" />Disable <br> <input type="radio" name="myRadioButton" id="r2" value="2" onclick="update(2);" />Enable <p> <input type="checkbox" name="myCheckBox1" id="x1" value="a" />Checkbox #1 <br> <input type="checkbox" name="myCheckBox1" id="x2" value="b" />Checkbox #2 </form> </body> </html>