Espero te sirva esta referencia
Código HTML:
<script type="text/javascript">
function swap(bool) {
bool = (!bool ? true : false);
return(bool);
}
function cambiar(valor,array) {
for (var i=0; i<array.length; i++) {
array[i].disabled = swap(valor);
}
}
window.onload = function() {
var elcheck = document.getElementsByName('micheck')[0].checked = false;
radios = document.getElementsByName('miradio');
cambiar(false,radios);
}</script>
<form name="formulario">
<input type="checkbox" name="micheck" onClick="cambiar(this.checked,radios);">
<b>Frutas</b>
<input type="radio" name="miradio" value="manzanas"> Manzanas
<input type="radio" name="miradio" value="peras"> Peras
<input type="radio" name="miradio" value="peras"> cambur
</form> aca hay otra, pero que bloquea campos de forms.. justo acabo de tener una ayuda al respecto:
Código HTML:
<html>
<head>
<title>Buscar Avanzado</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script>
function bloqueados(){
document.form1.nombre.disabled = true
document.form1.ciudad.disabled = true
document.form1.edad.disabled = true
}
function bloquea() {
if (document.form1.radio[0].checked) {
document.form1.nombre.disabled = false
document.form1.ciudad.disabled = false
document.form1.edad.disabled = true
document.form1.edad[document.form1.edad.selectedIndex].value=""
}
if (document.form1.radio[1].checked) {
document.form1.nombre.disabled = false
document.form1.edad.disabled = false
document.form1.ciudad.disabled = true
document.form1.ciudad[document.form1.ciudad.selectedIndex].value=""
}
}
</script>
<body onLoad="bloqueados();">
<p>Seleccione una combinación.
<p>Obs: Solo puede elegir una de ellas para filtrar los datos
<form name="form1" method="post" action="hola.php">
<table width="558" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>Combinar solo</td>
<td> </td>
<td><input name="radio" type="radio" value="" onClick="bloquea()">
nombre + ciudad </td>
<td> </td>
<td><input name="radio" type="radio" value="" onClick="bloquea()">
Nombre +Edad</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td> </td>
</tr>
<tr>
<td width="144" bgcolor="#CCCCCC"><span class="style10">Nombre:</span>
<input name="nombre" type="text" id="nombre"></td>
<td width="21" bgcolor="#CCCCCC"> </td>
<td width="187" bgcolor="#CCCCCC">+ Ciudad:
<select name="ciudad" id="ciudad">
<option value="0">-- Seleccione un Ciudad --</option>
<option value="1">Ciudad 1</option>
<option value="2">Ciudad 2</option>
</select></td>
<td width="37" bgcolor="#CCCCCC"> </td>
<td width="158" bgcolor="#CCCCCC">+Edad:
<select name="edad" id="edad">
<option value="0">-- Seleccione edad --</option>
<option value="1">Edad 17</option>
<option value="2">Edad 18</option>
<option value="3">Edad 19</option>
<option value="4">Edad 20</option>
</select></td>
<td width="137"> </td>
</tr>
<tr>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"> </td>
<td> </td>
</tr>
<tr>
<td width="144" bgcolor="#CCCCCC"> </td>
<td width="21" bgcolor="#CCCCCC"> </td>
<td width="187" bgcolor="#CCCCCC"> </td>
<td width="37" bgcolor="#CCCCCC"> </td>
<td width="158" bgcolor="#CCCCCC"><input name="Submit" type="submit" value="encontrar"></td>
<td width="137"> </td>
</tr>
</table>
</form>
</body>
</html>