2010-09-22 49 views
8

Tengo n botones. Este botón tiene el mismo nombre: setAlg.jQuery deshabilitar todos los botones de una clase css

Desactivaría todos los botones que tengan este nombre.

He tratado

$("input[name='setAlg']").attr("disabled",true); 

pero no funciona.

¿Cómo puedo hacer?

Muchas gracias.

+0

¿Tiene marcas de ejemplo? Lo que tiene que funcionar para los elementos ''. –

Respuesta

17

Asegúrese de envolver su código en manejador de listas:

$(function(){ 
    $("input[name='setAlg']").attr("disabled", true); 
}); 

Pero Si está utilizando la misma clase para esos campos de entrada (como por su título de la pregunta), hay que probar esto en su lugar:

$(function(){ 
    $("input.myclass").attr("disabled", true); 
}); 

Donde se supone que myclass es el nombre de clase utilizado para esos campos de entrada.

+0

@michele: Bienvenido :) – Sarfraz

+0

Classic gotcha :) –

+0

La segunda manera es mejor –

1

creo que se le olvidó cotizaciones

$("input[name='setAlg']").attr('disabled','true'); 

Si esto no funciona, entonces tal vez su selección no funciona

+0

'true' * no debería * tener comillas :) –

+0

@Nick Craver: Lo usamos así, y funciona muy bien –

+1

Si él está usando un Doctype XHTML usando la cadena 'disabled' se recomienda. –

4

Chris guijarros sugerencia debería funcionar bien, pero estoy confundido. En el título de su pregunta, especifique el estado "jQuery deshabilitar todos los botones de css class", sin embargo, a continuación, proporciona un ejemplo que muestra que realmente desea deshabilitar todos los botones que tienen un nombre atributo setAlg.

Dos puntos vienen a la mente. Primero, sus botones, dado que todos tienen el mismo nombre, pueden producirle resultados inesperados cuando el usuario envía su formulario (si esto es lo que hacen, pero es posible que me equivoque aquí). Si este es el caso, es probable que realmente desee establecerlos todos en la misma clase , no en .

<input class="setAlg">... 

segundo punto es que si usted desea hacer su jQuery para trabajar con una clase, usted tiene que hacer:

$("input.setAlg").attr("disabled","disabled"); 

Espero que esto era útil.

+0

Muchas gracias ... – michele

0

Puede deshabilitar un botón utilizando los pasos mencionados a continuación.

dicho que se llama clase de botón = Setalg

Paso 1:

usando jQuery attr Atributo:

$('.setAlg').attr('disabled', 'disabled'); 

Paso 2:

U cantar Jquery addClass CSS Clase:

$('.setAlg').addClass('disabled'); 

Paso 3:

A continuación, declarando de estilos CSS Clase:

<style type="text/css"> 
     .disabled 
     { 
      background: none repeat scroll 0 0 burlyWood; 
      cursor: default !important; 
     } 
    </style> 

He escrito un post sobre esta comprobación How to Disable a Button Using Jquery and CSS ?

Cuestiones relacionadas