12
votes

Désactiver / Activer l'élément avec la case à cocher et JQuery?

J'ai une case à cocher et si je coche, je veux que un champ de texte est activé (désactivé par défaut) et lorsque je ne trouve pas la case à cocher Je souhaite que cela devienne désactivé à nouveau.

J'ai vu ici cases à cocher JQuery Comment i Caan Boggle une classe CSS et ici http://docs.jquerery.com/frequentent_asked_questions#how_do_form_element.3f Comment je peux passer entre activé et désactivé avec deux boutons. Mais comment puis-je basculer un état de texte désactivé / activé Statut par Cochez une case à cocher?

Merci d'avance.


0 commentaires

6 Réponses :


5
votes

Vous pouvez attacher le gestionnaire de modifications de la case à cocher et activer / désactiver le champ de texte avec sa propriété cochée . xxx

exemple: http://jsbin.com/oludu3/2


0 commentaires

35
votes
$(':checkbox').click(function(){
   $('input:text').attr('disabled',!this.checked)
});
crazy demo

3 commentaires

Je pense que vous voulez que le gestionnaire de changement, qui incendiera même si l'utilisateur clique sur une étiquette associée à la case à cocher.


@Rao - Si l'étiquette de ce système est préoccupante, vérifiez Demo Crazy 2


Merci pour cela, est là simplement un moyen facile de supprimer le texte dans les zones de texte qui devient désactivé et non sur les cases à cocher qui devient désactivé?



1
votes

Voici une page qui fait ce que vous recherchez - c'est assez minime mais montre ce dont vous avez besoin xxx


0 commentaires

1
votes

@martin -to Supprimer le texte dans les zones de texte qui devient désactivé et non sur les cases à cocher qui devient désactivé - il suffit d'ajouter cette ligne xxx

et pour décocher la case à cocher, vous devez attribuer une identification. Nom à la case à cocher puis ajoutez cette ligne à la jQuery xxx

espère que cela aide quelqu'un à quelqu'un ... Bien que je réponde à Martins Question après 2 ans depuis sa publication: -)


0 commentaires

0
votes

Depuis JQuery 1.6, le .prop () La méthode doit être utilisée pour définir désactivé et contrôlé à la place. de .Attr () Méthode:

$('#theCheckbox').change(function() {
    $('#theTextfield').prop('disabled', this.checked);
});


0 commentaires

0
votes

Afficher et masquer une zone de texte (# Autresection2) Pour entrer d'autres options lors de la dernière case dans une table rendu (#CHeckboxListList) de ASP: Cochez la case Cochez la case Cochez la case

 $("#CheckBoxListList input[type='checkbox']:last").on("click", function () {

                if ($(this).is(":checked")) {
                    $("#otherSection2").show();
                } else {
                    $("#otherSection2").hide().find("input").val(null);

                }
            });


0 commentaires