désactiver tous les éléments de formulaire à l’intérieur de la div

Question

y a-t-il un moyen de désactiver tous les champs (textarea/textfield/option/entrée/case/soumettre etc.) sous une forme en disant seulement le parent nom div en jquery/javascript ?

Answer 1

Essayez d’utiliser le sélecteur :input , avec un sélecteur parent:

 $("#parent-selector :input").attr("disabled", true);
 

Answer 2

$('#mydiv').find('input, textarea, button, select').attr('disabled','disabled');

Answer 3

Pour jquery 1.6+, utilisez .prop() au lieu de .attr() ,

 $("#parent-selector :input").prop("disabled", true);
 

ou

 $("#parent-selector :input").attr("disabled", "disabled");
 

Answer 4

    $(document).ready(function () {
        $('#chkDisableEnableElements').change(function () {
            if ($('#chkDisableEnableElements').is(':checked')) {
                enableElements($('#divDifferentElements').children());
            }
            else {
                disableElements($('#divDifferentElements').children());
            }
        });
    });

    function disableElements(el) {
        for (var i = 0; i < el.length; i++) {
            el[i].disabled = true;

            disableElements(el[i].children);
        }
    }

    function enableElements(el) {
        for (var i = 0; i < el.length; i++) {
            el[i].disabled = false;

            enableElements(el[i].children);
        }
    }