2012-06-17 3 views
3

J'ai un formulaire dynamique que les utilisateurs peuvent ajouter/supprimer des ensembles de champs de saisie. Je veux désactiver le bouton supprimer les champs de formulaire quand il y a x quantité d'entrées à gauche, donc je pensais que je compterais le nombre d'entrées laissées sur le onclick pour le bouton de suppression, et puis quand il y avait seulement x quantité d'entrées je voudrais désactiver le bouton de suppression afin qu'ils ne puissent pas supprimer le dernier ensemble d'entrées.Jquery compte le nombre d'entrées sur la page

$('#btnRemove').on('click', function() { 
    $('.clonedInput').last().remove(); 
    if count of inputs = 7; 
    $('#btnRemove').attr('disabled','disabled'); 
}); 

'si le nombre d'entrées = 7' est ce que j'ai besoin du code pour! De l'aide?

+1

Vous devez utiliser 'prop' au lieu de' attr'. '$ ('# BtnRemove') prop ('désactivé', true);' – david

+0

Merci pour cette @ David. Je suis très nouveau à jquery alors je n'étais pas au courant. Votre commentaire m'a conduit à ce poste: http://stackoverflow.com/questions/5874652/prop-vs-attr qui a été très utile – cantaffordretail

Répondre

5

Je pense que vous êtes à la recherche d'

if ($('.clonedInput').length == 7) { 
    // do stuff 
} 

Selectors retourner simplement un tableau d'éléments jQuery. Pour accéder à la longueur d'un tableau en JavaScript, il suffit d'utiliser la propriété .length.

[1,2,3].length //=> 3 
+0

Ah! Je regardais la fonction de longueur mais je continuais à penser qu'il comptait les caractères pour une raison quelconque! Merci beaucoup cela fonctionne comme j'ai besoin. Accepter en 6 minutes – cantaffordretail

Questions connexes