Habilitar Campos de Formulario

[AnGuisi]

Quisiera una idea de como habilitar campos de texto deshabilitados en mi formulario. La variación esta en que con un boton quisiera habilitarlos todos, tratarlos de forma individual de forma:

Código Javascript:

document.getElementById('ID').disabled
 

funcionaria pero haria muy largo el script.

¿Existe alguna forma de tratarlos a todos con un mismo llamado? ¿Quizas con el nombre o id del formulario?

Muchas gracias de antemano.

[arepavieja]

algo muy parecido con jquery haciendo uso del objeto this.
algo como:

Código Javascript:

$('.clase').click(function(){
 $(this).attr('disabled', 'tue');
})
 

donde no estarías manipulando por ID, sino por clase, de esta maneras controlas a todos, y con el this solo controlas al elemento en el que estás haciendo click.

[AnGuisi]

Código Javascript:

$(this).attr('disabled', 'tue');
 

Me puedes explicar esa parte del codigo? Porque quiero que se aplique al hacer click en un boton. Osea que se habiliten los campos cuando haga click en ese boton.

[AnGuisi]

He intentado de esta forma

Código Javascript:

<table width="100%">
<form id="busq" name="busq">
 
    <tr>
        <td>MARCA</td>
        <td>MODELO</td>
         <td>SERIAL</td>
        <td>OBSERVACIONES</td>
        
      </tr>
 
      <?
foreach ($row as $datos) {
       ?>
       
 
      <tr>
        <td><input type="text" class="form" id="marca" name="marca" value="<? echo $datos['marca']; ?>" disabled="disabled" /></td>
        <td><input type="text" class="form" name="modelo" value="<? echo $datos['modelo']; ?>" disabled="disabled" /></td>
        <td><input type="text" class="form" name="serial" value="<? echo $datos['serial']; ?>" disabled="disabled" /></td>
        <td><input type="text" class="form" name="observaciones_h" value="<? echo $datos['observaciones_h']; ?>" disabled="disabled" /></td>
        
   
      <? } ?>
     
    </table>
    <br />
    <br />
     <div align="center"><button id="activar" type="button">Modificar</button></div>
     
 <script>
jQuery("#activar").click(function () {
  jQuery(".form").removeAttr("disabled").focus().val("Ahora si lo puedes editar");
});
</script>
 

Pero tampoco me ha funcionado :/

[arepavieja]

¿Incluiste la librería jquery?. y recuerda que el evento click se le aplica a la clase, no al id.

Código Javascript:

<script>
jQuery(".form").click(function() {
  jQuery(this).removeAttr("disabled")
  jQuery(this).focus()
  jQuery(this).val("Ahora si lo puedes editar");
});
</script>
 

[AnGuisi]

Como incluyo la libreria?

Y recuerda que quiero hacer click en el botón que tiene como id "activar", al hacer click quiero q cambie la propiedad en la clase.

[arepavieja]

Claro, pero así como lo tienes entonces al hacer click sobre #activar todas los elementos con clase .form cambian a enabled y como valor: "Ahora si lo puedes editar"

Código Javascript:

<script>
jQuery("#activar").click(function() {
  jQuery('.form').removeAttr("disabled") // Remueve el disabled de todos los elementos con clase form
  jQuery('.form').focus() // ¿En cuál de todos los elementos con clase form hace el focus?
  jQuery('.form').val("Ahora si lo puedes editar"); // Todos cambian a este valor.
});
</script>
 

Como ves, en la línea de focus() hay un problema porque no sabemos en cual de todos los elementos hacer el focus, debes especificar muy bien lo que quieres.
Además el elemento con id #activar no es un botón, es un input de tipo texto.

[arepavieja]

Perdón, leí mal lo del botón con el id. Si es un botón. ¡Está bien!.

[AnGuisi]

Lo quiero asi:

Código Javascript:

<script>
$("#activar").click(function () {
  $(".form").removeAttr("disabled");
});
</script>
 

Pero no me esta funcionando :/.

Ademas no se eso de como incluir la libreria jQuery. En realidad es la primera vez que intento trabajar con jQuery.

[arepavieja]

Aunque pensándolo bien, yo creo que sería mejor usar el atributo placeholder en vez de val. Creo que es más cómodo para el usuario.

[AnGuisi]

Listo, solo necesitaba incluir la libreria jQuery. Lo hice de esta forma:

Código Javascript:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 

Pero de forma local como lo hago? No se como descargarlo de la pagina oficial :/

[arepavieja]

Entra en esa página, copia el código y lo pegas en un archivo nuevo en tu directorio.