jQuery disabilita tutti i pulsanti di una classe css

Question

Ho n pulsanti. Questo pulsante ha lo stesso nome: setAlg.

Disattiverei tutti i pulsanti con questo nome.

ho cercato

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

ma non funziona.

Come posso fare?

Grazie mille.

Answer 1

Assicurarsi di avvolgere il codice nel gestore pronto:

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

Ma se si utilizza la stessa classe per quei campi di input (come per il vostro titolo della domanda), è necessario provare questo invece:

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

Dove myclass deve essere il nome classe utilizzato per tali campi di input.

Answer 2

penso che hai dimenticato citazioni

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

Se questo non funziona allora forse la selezione non funziona

Answer 3

Chris Ciottoli suggerimento dovrebbe funzionare bene, ma sono confuso. Nel titolo della domanda, si specifica lo stato "jQuery disabilita tutti i pulsanti di una classe css", tuttavia, viene fornito un esempio che mostra che si desidera disabilitare tutti i pulsanti che hanno un attributosetAlgnome.

Due punti vengono in mente. Innanzitutto, i tuoi pulsanti, poiché hanno tutti lo stesso nome, potrebbero produrre risultati imprevisti per te quando l'utente invia il tuo modulo (se questo è quello che fanno, ma potrei sbagliarmi qui). Se questo è il caso, è probabile che tu voglia veramente impostarli tutti nella stessa classe , non in nome.

<input class="setAlg">... 

Secondo punto è che se si vuole rendere la vostra jQuery per lavorare con una classe, è necessario fare:

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

Spero che questo è stato utile.

Answer 4

È possibile disattivare un pulsante utilizzando i passaggi riportati di seguito.

dire il vostro nome della classe pulsante = setAlg

Fase 1:

utilizzando jQuery attr Attributo:

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

Fase 2:

U cantare Jquery addClass CSS Classe:

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

Fase 3:

Poi dichiarando stile CSS Classe:

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

ho scritto un post su questo controllo How to Disable a Button Using Jquery and CSS ?