Funcion en form

Briss · #1 (**permalink**) 30/04/2014, 19:05

Hola a todos tengo esta funcion que lo que hace es lo siguiente si en tipo tengo Ninguno mi select1 estara deshabilitado... si marco Uno se habilita.... funciona perfecto pero al meterlo dentro de <form> deja de funcionar lei debo usar onsubmit="mi funcion(); " pero no consigo que quede.... al estar dentro de form

agregue esta linea <form action method="POST" name="formulario" id="formulario" onsubmit="tipo(); ">

Código HTML:

<script type="text/javascript">
function init() {
    document.getElementById("select1").disabled = true;
}
function tipo(radio){
    document.getElementById("select1").disabled=(radio.value == 2)?true: false;
}
</script>

</head>
<body onload="init()">

<table>
<tr>
<th>Tipo</th>
<td>
<input type="radio" name="tipo" value="1" onclick="tipo(this)" />Uno
<input type="radio" name="tipo" value="2" checked onclick="tipo(this)" />Ninguno
</td>
</tr>
<tr>
<th>Nombre</th>
<td>
<select name="select1" id="select1">
<option value="1">ABC</option>
<option value="2">DFG</option>
</select>
</td>
</tr>
</table>

Triby · #2 (**permalink**) 30/04/2014, 20:21

Muevo tu tema desde PHP a Javascript.

Por cierto, si usas la función init() al cargar la página y la función tipo() al seleccionar un elemento del radio, no es necesario incluir la parte del onsubmit, a menos que vayas a realizar otra acción.

Aparte, supongo que no funciona en el onsubmit porque no estás enviando el parámetro que require la función.

Briss · #3 (**permalink**) 30/04/2014, 21:46

Cita:

Iniciado por Triby

Muevo tu tema desde PHP a Javascript.

Por cierto, si usas la función init() al cargar la página y la función tipo() al seleccionar un elemento del radio, no es necesario incluir la parte del onsubmit, a menos que vayas a realizar otra acción.

Aparte, supongo que no funciona en el onsubmit porque no estás enviando el parámetro que require la función.

Gracias Triby lo deje asi pero nada

Código HTML:

<script type="text/javascript">
function init() {
    document.getElementById("select1").disabled = true;
}
function tipo(radio){
    document.getElementById("select1").disabled=(radio.value == 2)?true: false;
}
</script>
</head>
<body onload="init()">
<form action method="POST" name="formulario" id="formulario"  onsubmit="tipo(radio); ">
<table>
    <tr>
        <th>Tipo</th>
        <td>
            <input type="radio" name="tipo" value="1" onclick="tipo(this)" />Uno
            <input type="radio" name="tipo" value="2" checked onclick="tipo(this)" />Dos
        </td>
    </tr>
    <tr>
        <th>Tipo</th>
        <td>
            <select name="select1" id="select1">
            <option value="1">ABC</option>
            <option value="2">DFG</option>
            </select>
        </td>
    </tr>   
</table>
</form>

Alexis88 · #4 (**permalink**) 30/04/2014, 22:34

El problema está en que utilizas el mismo nombre de cada radio button para nombrar a la función a la cual llamas en los mismos radio button, por eso es que se produce el siguiente error:

Cita:

Iniciado por Console

Uncaught TypeError: object is not a function

Cambia el nombre de los radio button, obviamente debiendo que ser el mismo en ambos. Acostúmbrate a utilizar distintos nombres para los elementos del DOM y para las funciones. El evento onsubmit está de más utilizarlo aquí.

Saludos

rmaeloy · #5 (**permalink**) 30/04/2014, 22:38

Usa otro nombre para los INPUT (eiemplo:"tipos") y veras como funciona dentro y fuera del Formulario.

La función que llames desde el onClick no sea igual al nombre de este.

Código HTML:

Ver original<form action="" method="POST" name="formulario" id="formulario">
<table>
<tr>
<th>Tipo</th>
<td>
<input type="radio" name="tipos" value="1" onclick="tipo(this)" />
<input type="radio" name="tipos" value="2" onclick="tipo(this)"  checked />
</td>
</tr>
<tr>
<th>Nombre</th>
<td>
<select name="select1" id="select1"  onclick="return tipo2('a')">
<option value="1">ABC</option>
<option value="2">DFG</option>
</select>
</td>
</tr> 
</table> 
</form>

Suerte!.

Briss · #6 (**permalink**) 01/05/2014, 09:11

Gracias chicos ha quedado bien

solo tengo una duda rmaeloy ¿Por qué en mi select tengo que tener el evento onclick tambien? cheque sin ponerlo y todo va bien pero hay alguna razón especial?

Gracias otra vez