Comment faire pour désactiver une zone de texte si une case est cochée à l'aide de jQuery?

Je veux désactiver une zone de texte si un utilisateur supprime une case à cocher et changer la couleur de fond de la zone de texte. Si l'utilisateur coche la case, puis que la zone de texte doit être modifié et les changements de couleur blanche.
Voici le code

$(document).ready(function () {
    $(".ba").click(function () {
        $(".tex").css("background-color", "#CCCCCC");
    });
});

Où .ba est la case à cocher et .tex est textbox classes, maintenant, quand l'utilisateur clique, il change de couleur gris, mais si vous cliquez de nouveau la couleur ne change pas.Je veux voir si la case est cochée si elle est cochée, puis rien ne devrait se passer à autre chose si l'utilisateur décochez la case à cocher de la zone de texte la couleur de fond qui devrait changer, et il devrait aller non modifiable qui est désactivé.Quelqu'un peut-il aider?

Je suis ci-Dessous à l'aide de javascript pour vérifier tous et décochez toutes les

function checkAll(formname, checktoggle) {
    var checkboxes = new Array(); 
    checkboxes = document[formname].getElementsByTagName('input');

    for (var i=0; i<checkboxes.length; i++)  {
        if (checkboxes[i].type == 'checkbox')   {
            checkboxes[i].checked = checktoggle;
        }
    }
}

Est cela provoque un problème?

OriginalL'auteur sun | 2013-05-25

  1. 3

    Voici le code JS

    $(".ba").cliquez sur(function () { 
if ($(".ba").is(":checked")) { 
$(".tex") 
.removeAttr("disabled") 
.css("background-color", "blanc"); 
} 
else { 
$(".tex") 
.attr("désactivé", "désactivé") 
.css("background-color", "red"); 
} 
});

    Je vous recommande de vérifier Jquery API. C'est un plaisir de lire 🙂

    comment puis-je faire à la case tout avec classe différente.puis-je utiliser cette fonction, encore et encore?
    voulez-vous dire que vous avez plusieurs cases à cocher que chacun doit activer/désactiver une zone de texte?... désolé pour le retard
    Ya j'ai utilisé la même fonction pour tous.Il est tout à travailler.La seule chose c'est si je puis décochez toutes les toutes les case sont en décochant mais vous ne désactivez pas parce que j'ai utilisé une autre fonction javascript(Indiqué dans ma question) pour ce faire.
    cela peut vous aider jsfiddle.net/M9wyg

    OriginalL'auteur alexb

  2. 4

    Travail jsFiddle Démo

    Considérer le balisage suivant:

    <input type="checkbox" class="ba" checked="checked" />
<input type="text" class="tex" />

    Et votre JS:

    $(function () {
    $('.ba').on('change', function () {
        var checked = $(this).prop('checked');
        $('.tex').prop('disabled', !checked);
    });
});
    désolé de ne pas travailler pour moi
    Avez-vous vérifié le VIOLON démo? Qui versin de jQuery utilisez-vous?
    voir mes modifications,si c'est un problème?
    Pourquoi avez-vous tirer parti de jQuery correctement, mais sort et capitaliser jsFiddle à tort? Et systématiquement, à tort, à l'.
    OK, vous êtes au bon endroit, je vais le garder à l'esprit ;).

    OriginalL'auteur

  3. 1
    $(document).ready(function(){
$(".ba").click(function() {
if ($('#check_id').is(":checked"))
{
  $(".tex").css("background-color","#CCCCCC");
}
else
{
   $(".tex").css("background-color","#DDDDDD");
}
});
});

    OriginalL'auteur himadri

  4. 1

    Essayer comme 

    $(".ba").on('click',function() {
   if($(this).is(':checked'))
       $(".tex").css("background-color","#CCCCCC");
   else
       $('.tex').prop('disabled', false);
})'
    de travail pour un temps seulement,si je décoche(cliquez à nouveau) texte couleur d'arrière-plan ne change pas de blanc.
    Essayer avec mon edit

    OriginalL'auteur Gautam3164