Urgente: deshabilitar y habilitar botón

Hice la prueba en un php, y tiene razón si funciona el código tal y comolo tengo y al recargar ya no aparece seleccionado ningún radiobutton y gracias también por el código que me envío lo probé y si funciono, pero ahora tengo el siguiente problema, lo que quiero hacer es que aparte de que cuando se seleccione un radiobutton se habilite su lista correspondiente también se habilite el botón Siguiente pero siempre y cuando también se seleccione de la lista un valor de la lista y no un valor nulo como puede ser este "----" y que si el usuario cambia de radiobutton se vuelva a deshabilitar el botón Siguiente y se habilite de nuevo cuando el usuario seleccione una opción valida de la lista.
Ya logre que el botón Siguiente se habilite cuando el usuario seleccione una opción valida de la lista, pero cuando cambio de radiobutton no se deshabilta el botón Siguiente sino que se deshabilita cuando comienzo a seleccionar valores de la lista no se cual sea el error en mi código.
Otra cosa que quisiera saber es como hacer que cuando el usuario cambia de radiobutton y en la lista que se queda deshabilitada se quede con el valor inicial ( en este caso "----") y no con el valor que se había seleccionado antes de deshabilitarlo por cambiar de radiobutton.
Este es el código de mi programa:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script>
function EstableceEstado1() {
if (document.form1.radiob[1].checked) {
//document.form1.select1.selectedIndex = -1
document.form1.select1.disabled = true
}
else
if (document.form1.radiob[0]) {
document.form1.select1.disabled = false
}
if (document.form1.radiob[0].checked) {
//document.form1.select2.selectedIndex = -1
document.form1.select2.disabled = true
}
else
if (document.form1.radiob[1]) {
document.form1.select2.disabled = false
}
}
function activar(formulario) {
if(document.form1.select1 == "---------")
formulario.Submit.disabled = true
else
formulario.Submit.disabled = false
if(document.form1.select2 == "---------")
formulario.Submit.disabled = true
else
formulario.Submit.disabled = false
}
function desactivar(formulario) {
if(document.form1.radiob[0].checked){
formulario.Submit.disabled = true
}
if(document.form1.radiob[1].checked){
formulario.Submit.disabled = true
}
}
function QuitaFoco1() {
if(document.form1.radiob[0].checked)
document.form1.select2.blur()
if(document.form1.radiob[1].checked)
document.form1.select1.blur()
}
function Deshabilita1() {
if(document.form1.radiob[0]){
//document.form1.select1.selectedIndex = -1
document.form1.select1.disabled = true
}
if(document.form1.radiob[1]){
//document.form1.select2.selectedIndex = -1
document.form1.select2.disabled = true
}
}
window.onload = Deshabilita1;
if (document.captureEvents) { //N4 requiere invocar la funcion captureEvents
document.captureEvents(Event.LOAD)
}
</script>
<body>
<form name="form1" method="post" action="">
<p>
<input name="radiob" type="radio" value="" onclick="EstableceEstado1()" onChange="desactivar(this.form)">
Pera
<select name="select1[]" id="select1" onFocus="QuitaFoco1()" onChange="activar(this.form)">
<option>---------</option>
<option>uno</option>
<option>dos</option>
</select>
</p>
<p>
<input name="radiob" type="radio" value="" onclick="EstableceEstado1()" onChange="desactivar(this.form)">
Manzana
<select name="select2[]" id="select2" onFocus="QuitaFoco1()" onChange="activar(this.form)">
<option selected>---------</option>
<option>tres</option>
<option>cuatro</option>
</select>
</p>
<p> </p>
<p>
<input type="submit" name="Submit" value="Siguiente" disabled >
</p>
</form>
</body>
</html>
Ojala y pueda ayudarme.

2 Respuestas

Respuesta
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script>
function EstableceEstado1()
{
if (document.form1.radiob[1].checked)
{
document.form1.select1.disabled = true
}
else if (document.form1.radiob[0]) {
document.form1.select1.disabled = false
document.form1.select1.focus();
}
if (document.form1.radiob[0].checked) {
document.form1.select2.disabled = true
document.form1.select1.focus();
}
else if (document.form1.radiob[1]) {
document.form1.select2.disabled = false
document.form1.select2.focus();
}
if((document.form1.select1.disabled && document.form1.select2.value != "") || (document.form1.select2.disabled && document.form1.select1.value!=""))
document.form1.Submit.disabled = false
else
document.form1.Submit.disabled = true
}
function activar(formulario)
{
if((document.form1.select1.disabled && document.form1.select2.value != "") || (document.form1.select2.disabled && document.form1.select1.value!=""))
document.form1.Submit.disabled = false
else
document.form1.Submit.disabled = true
}
function desactivar(formulario) {
if(document.form1.radiob[0].checked){
formulario.Submit.disabled = true
}
if(document.form1.radiob[1].checked){
formulario.Submit.disabled = true
}
}
function QuitaFoco1() {
if(document.form1.radiob[0].checked)
document.form1.select2.blur()
if(document.form1.radiob[1].checked)
document.form1.select1.blur()
}
function Deshabilita1() {
if(document.form1.radiob[0]){
//document.form1.select1.selectedIndex = -1
document.form1.select1.disabled = true
}
if(document.form1.radiob[1]){
//document.form1.select2.selectedIndex = -1
document.form1.select2.disabled = true
}
}
window.onload = Deshabilita1;
if (document.captureEvents) { //N4 requiere invocar la funcion captureEvents
document.captureEvents(Event.LOAD)
}
</script>
<body>
<form name="form1" method="post" action="">
<p>
<input name="radiob" type="radio" value="" onclick="EstableceEstado1()" onChange="desactivar(this.form)">
Pera
<select name="select1[]" id="select1" onFocus="QuitaFoco1()" onChange="activar(this.form)">
<option value="">---------</option>
<option value="uno">uno</option>
<option value="dos">dos</option>
</select>
</p>
<p>
<input name="radiob" type="radio" value="" onclick="EstableceEstado1()" onChange="desactivar(this.form)">
Manzana
<select name="select2[]" id="select2" onFocus="QuitaFoco1()" onChange="activar(this.form)">
<option value="" selected>---------</option>
<option value="tres">tres</option>
<option value="cuatro">cuatro</option>
</select>
</p>
<p> </p>
<p>
<input type="submit" name="Submit" value="Siguiente" disabled >
</p>
</form>
</body>
</html>
¿Aun necesitas el código?, lo voy a revisar y te lo envío.
Eduardo Valenzuela
Lima - Peru
Respuesta
1
Ya está con la nueva mejora, aunque faltaría depurarlo un pelín. Saludos.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script>
function EstableceEstado1() {
if (document.form1.radiob[1].checked) {
//document.form1.select1.selectedIndex = -1
document.form1.select1.disabled = true
}
else
if (document.form1.radiob[0]) {
document.form1.select1.disabled = false
}
if (document.form1.radiob[0].checked) {
//document.form1.select2.selectedIndex = -1
document.form1.select2.disabled = true
}
else
if (document.form1.radiob[1]) {
document.form1.select2.disabled = false
}
}
function activar(formulario) {
if(document.form1.select1.options[document.form1.select1.selectedIndex].text.indexOf("----")!=-1 && document.form1.radiob[0].checked){
formulario.Submit.disabled = true;
return;
}
if(document.form1.select2.options[document.form1.select2.selectedIndex].text.indexOf("----")!=-1 && document.form1.radiob[1].checked){
formulario.Submit.disabled = true;
return;
}
if(document.form1.select1 == "---------")
formulario.Submit.disabled = true
else
formulario.Submit.disabled = false
if(document.form1.select2 == "---------")
formulario.Submit.disabled = true
else
formulario.Submit.disabled = false
}
function desactivar(formulario) {
if(document.form1.radiob[0].checked){
formulario.Submit.disabled = true
}
if(document.form1.radiob[1].checked){
formulario.Submit.disabled = true
}
}
function QuitaFoco1() {
if(document.form1.radiob[0].checked)
document.form1.select2.blur()
if(document.form1.radiob[1].checked)
document.form1.select1.blur()
}
function Deshabilita1() {
if(document.form1.radiob[0]){
//document.form1.select1.selectedIndex = -1
document.form1.select1.disabled = true
}
if(document.form1.radiob[1]){
//document.form1.select2.selectedIndex = -1
document.form1.select2.disabled = true
}
}
window.onload = Deshabilita1;
if (document.captureEvents) { //N4 requiere invocar la funcion captureEvents
document.captureEvents(Event.LOAD)
}
function init(){
Deshabilita1();
document.form1.radiob[0].checked=false;
document.form1.radiob[1].checked=false;
}
</script>
<body onload="init()">
<form name="form1" method="post" action="">
<p>
<input name="radiob" type="radio" value="" onclick="EstableceEstado1()" onChange="desactivar(this.form)">
Pera
<select name="select1[]" id="select1" onFocus="QuitaFoco1()" onChange="activar(this.form)">
<option>---------</option>
<option>uno</option>
<option>dos</option>
</select>
</p>
<p>
<input name="radiob" type="radio" value="" onclick="EstableceEstado1()" onChange="desactivar(this.form)">
Manzana
<select name="select2[]" id="select2" onFocus="QuitaFoco1()" onChange="activar(this.form)">
<option selected>---------</option>
<option>tres</option>
<option>cuatro</option>
</select>
</p>
<p> </p>
<p>
<input type="submit" name="Submit" value="Siguiente" disabled >
</p>
</form>
</body>
</html>

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas

Leer datos

Estoy ingresando al mundo de html/javascript y estaba haciendo una pequeña aplicación y la situación es: tengo ua tabla la cual recupera datos de una BD (usando rs), cada fila recuparada tiene un checkbox, ahora lo que quiero es dependiendo si está...
1 respuesta

La pagina web no se me ve bien..

Quiero preguntarte por que razón una pagina web que tengo de desarrollada en Dreamweaver CS5 no se me ve bien cuando la deseo visualizar en internet explorer o en Mozilla firefox, en algunas paginas me dicen el algunos sitios web que debo de poner,...
1 respuesta

Validar un campo de texto en php

Me gustaría validar un campo si existe en mi base de datos que me mande un mensaje y en automático me bloque el siguiente campo este es mi formulario: <form name="formulario" id="formulario" action = "" method="post" > <table width="100%" border="0">...
1 respuesta

Pasar nombre del campo como variable

Necesito hacer un validador, tengo dos campos (de fecha) llamados fech1 y fech2 y una función que valida la fecha en el evento OnClick del botón submit, ¿Cómo puedo pasar los nombre de campo de los campos de fecha para que la función me los tome?...
1 respuesta

Mostrar cosas distintas en campo text según select

Aquí estoy otra vez con otra duda! Tengo un formulario que va a permitir a un usuario crear, abrir y eliminar carteras con 4 campos: * Identificador de cartera: campo select que muestra "Nueva cartera" por defecto y una lista de todas las carteras...
1 respuesta

Validar Fecha mm/dd/yyyy

Debo validar que el usuario digite la fecha en formato mm/dd/yyyy ya que estoy trabajando con SqlServer.
1 respuesta

Campos obligatorios radiobutton

Soy yo de nuevo quisiera saber como hago para que el usuario no envíe un formulario si no ha elegido una opción de un conjunto de radiobuttons, teniendo en cuenta que en la página hay varios de estos conjuntos...
2 respuestas

Urgente! Gracias, problemón con campo Lookup

Resulta que me he creado un campo lookup en un DBGrid y tengo en el evento OnExit de ese campo código pues bueno, resulta que cuando selecciono una opción de la lista desplegable no se me queda en el DBGrid Igual es interesante saber que tengo un DSN...
1 respuesta

Validar radio buttons en Javascript

Quiero preguntarles de que manera puedo validar radio butrtons en Javascript es decir si dentro de un formulario que tiene 2 Radiobutton con nombre radio pero uno de ellos con Checked 1 para "Si" y Checked 0 para "No".. Tengo el siguiente código: for...
1 respuesta

Habilitar campo de texto según menú

Tengo un formulario web con 20 textfield, según un select debo habilitar 10 y deshabilitar los otros 10.
2 respuestas