Problema con javascript y radio botones Hola, buenas noches, espero me puedan ayudar porque no logro solucionar esto, lo que quiero es que tengo un grupo de radio botones que se llama producto, lo que quiero es que si se seleccionan del 5 al último, se desactiven dos grupo de radiobotones, el de interior y espiral, entonces estoy haciend algo asi:
function disable(producto){
for(var ctr= 4; ctr <= form1.producto.length; ctr++) {
if (document.form1.producto[ctr].checked) {
document.form1.interior[0].disabled=false;
document.form1.interior[1].disabled=false;
document.form1.interior[2].disabled=false;
document.form1.espiral[0].disabled=false;
document.form1.espiral[1].disabled=false;
document.form1.espiral[2].disabled=false;
document.form1.espiral[3].disabled=false;
document.form1.espiral[4].disabled=false;
} else {
document.form1.interior[0].disabled=true;
document.form1.interior[1].disabled=true;
document.form1.interior[2].disabled=true;
document.form1.espiral[0].disabled=true;
document.form1.espiral[1].disabled=true;
document.form1.espiral[2].disabled=true;
document.form1.espiral[3].disabled=true;
document.form1.espiral[4].disabled=true;
}
}
}
<form name="form1" id="form1">
<p>
<label>
Producto:
<input type="radio" name="producto" id="radio" value="1" onClick="disable(this.form)"/>
</label>
1
<label>
<input type="radio" name="producto" id="radio2" value="2" onClick="disable(this.form)"/>
</label>
2
<label>
<input type="radio" name="producto" id="radio3" value="3" onClick="disable(this.form)"/>
</label>
3
<label>
<input type="radio" name="producto" id="radio4" value="4" onClick="disable(this.form)"/>
</label>
4
<label>
<input type="radio" name="producto" id="radio5" value="5" onClick="disable(this.form)" />
</label>
<label>
5
<input type="radio" name="producto" id="radio6" value="6" onClick="disable(this.form)" />
6
<input type="radio" name="producto" id="radio7" value="7" onClick="disable(this.form)" />
7
<input type="radio" name="producto" id="radio8" value="8" onClick="disable(this.form)"/>
8
<input type="radio" name="producto" id="radio9" value="9" onClick="disable(this.form)"/>
9
<input type="radio" name="producto" id="radio10" value="10" onClick="disable(this.form)"/>
10
<input type="radio" name="producto" id="radio11" value="11" onClick="disable(this.form)"/>
11
<input type="radio" name="producto" id="radio12" value="12" onClick="disable(this.form)"/>
12
<input type="radio" name="producto" id="radio13" value="13" onClick="disable(this.form)"/>
13<br />
Interior:
<input type="radio" name="interior" id="radio14" value="1" />
1
<input type="radio" name="interior" id="radio15" value="2" />
2
<input type="radio" name="interior" id="radio16" value="3" />
3<br />
espiral:
<input type="radio" name="espiral" id="radio17" value="1" />
1
<input type="radio" name="espiral" id="radio18" value="2" />
2
<input type="radio" name="espiral" id="radio19" value="3" />
3
<input type="radio" name="espiral" id="radio20" value="4" />
4
<input type="radio" name="espiral" id="radio21" value="5" />
5
</label>
</p>
<p><br/>
</p>
</form>
Cualquier ayuda sería de mucha utilidad... gracias de antemano!!
