jquery - form - w3schools




div ভিতরে সব ফর্ম উপাদান নিষ্ক্রিয় করুন (8)

Jquery 1.6+ এর জন্য, .prop() পরিবর্তে .attr() ,

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

অথবা

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

জাভাস্ক্রিপ্ট / জাভাস্ক্রিপ্টে শুধুমাত্র পিতা-মাতা ডিভিকে নাম বলার মাধ্যমে একটি ফর্মের মধ্যে সমস্ত ক্ষেত্রগুলি (টেক্সটের / টেক্সটফিল্ড / বিকল্প / ইনপুট / চেকবক্স / জমা ইত্যাদি) নিষ্ক্রিয় করার একটি উপায় আছে?


আমার জন্য গৃহীত উত্তরটি কাজ করে নি যেহেতু আমার কিছু গোপন লুকানো ক্ষেত্র রয়েছে যা পাশাপাশি নিষ্ক্রিয় হয়ে গেছে তাই আমি দৃশ্যমান ক্ষেত্রগুলি অক্ষম করতে পছন্দ করেছি

//just to save the list so we can enable fields later
var list = [];
$('#parent-selector').find(':input:visible:not([readonly][disabled]),button').each(function () {
    list.push('#' + this.id);
});

$(list.join(',')).attr('readonly', true);

একটি পিতামাতার নির্বাচক বরাবর :input নির্বাচক ব্যবহার করে দেখুন:

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

কিভাবে এটি শুধুমাত্র এইচটিএমএল বৈশিষ্ট্য ব্যবহার করে অর্জন 'অক্ষম'

<form>
 <fieldset disabled>
  <div class="row">
   <input type="text" placeholder="">
   <textarea></textarea>
   <select></select>
  </div>
  <div class="pull-right">
    <button class="button-primary btn-sm" type="submit">Submit</button>
  </div>
 </fieldset>
</form>

শুধু ক্ষেত্রের মধ্যে নিষ্ক্রিয় নির্বাণ দ্বারা যে ক্ষেত্রের ভিতরে সমস্ত ক্ষেত্র নিষ্ক্রিয় পেতে।

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

নিম্নলিখিত সব ইনপুট নিষ্ক্রিয় করা হবে কিন্তু এটি ক্লাস বিটিএন এবং অক্ষম CSS overwrite ক্লাস যোগ করতে পারবেন না।

$('#EditForm :input').not('.btn').attr("disabled", true).addClass('disabledClass');

CSS ক্লাস

.disabledClass{
  background-color: rgb(235, 235, 228) !important;
}

শুধু এই লাইন কোড সব ইনপুট উপাদান নিষ্ক্রিয় করা হবে

$('#yourdiv *').prop('disabled', true);

    $(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);
        }
    }

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




field