javascript - link - jquery w3schools




নিষ্ক্রিয়/jQuery সঙ্গে একটি ইনপুট সক্রিয়? (11)

2018, JQuery ছাড়া (ES6)

সমস্ত input অক্ষম input :

[...document.querySelectorAll('input')].map(e => e.disabled = true);

id="my-input" দিয়ে input অক্ষম input

document.getElementById('my-input').disabled = true;

প্রশ্ন JQuery সঙ্গে , এটা শুধু FYI।

$input.disabled = true;

অথবা

$input.disabled = "disabled";

যা স্ট্যান্ডার্ড উপায়? এবং, বিপরীতভাবে, আপনি কিভাবে একটি নিষ্ক্রিয় ইনপুট সক্ষম করবেন?


jQuery 1.6+

disabled সম্পত্তি পরিবর্তন করার জন্য আপনাকে .prop() ফাংশনটি ব্যবহার করতে হবে।

$("input").prop('disabled', true);
$("input").prop('disabled', false);

jQuery 1.5 এবং নিচে

.prop() ফাংশন অস্তিত্ব নেই, কিন্তু .attr() একই রকম:

নিষ্ক্রিয় বৈশিষ্ট্য নির্ধারণ করুন।

$("input").attr('disabled','disabled');

আবার সক্ষম করার জন্য, সঠিক পদ্ধতিটি ব্যবহার করতে হয় .removeAttr()

$("input").removeAttr('disabled');

JQuery এর কোন সংস্করণে

আপনি কেবলমাত্র প্রকৃত DOM অবজেক্টের উপর নির্ভর করতে পারেন এবং সম্ভবত যদি আপনি কেবলমাত্র একটি উপাদানের সাথে ডিল করছেন তবে অন্য দুটি বিকল্পগুলির চেয়ে এটি আরও দ্রুত:

// assuming an event handler thus 'this'
this.disabled = true;

.prop() বা .attr() পদ্ধতি ব্যবহার করার .prop() হল যে আপনি নির্বাচিত আইটেমগুলির একটি গুচ্ছের জন্য সম্পত্তিটি সেট করতে পারেন।

দ্রষ্টব্য: 1.6 তে একটি .removeProp() পদ্ধতি রয়েছে যা removeAttr() মত অনেক শোনাচ্ছে, তবে এটি ডকুমেন্টেশন থেকে 'disabled' মতো স্থানীয় বৈশিষ্ট্যগুলিতে ব্যবহার করা উচিত নয় :

দ্রষ্টব্য: চেক করা, অক্ষম, বা নির্বাচিত হিসাবে স্থানীয় বৈশিষ্ট্যগুলি সরানোর জন্য এই পদ্ধতিটি ব্যবহার করবেন না। এটি সম্পূর্ণভাবে সম্পত্তিটি সরিয়ে দেবে এবং একবার সরানো হলে উপাদানটিতে আবার যোগ করা যাবে না। পরিবর্তে এই বৈশিষ্ট্যগুলি সেট করতে .prop () ব্যবহার করুন।

আসলে, আমি সন্দেহ করি এই পদ্ধতির জন্য অনেক বৈধ ব্যবহার রয়েছে, বুলিয়ান প্রপগুলি এমনভাবে করা হয় যে আপনি তাদের 1.5 "1.5" এর মত "অপসারণ" করার মতো তাদের "মিথ্যা" করার পরিবর্তে মিথ্যা সেট করতে হবে।


JQuery মোবাইল এ:

নিষ্ক্রিয় করার জন্য

$('#someselectElement').selectmenu().selectmenu('disable').selectmenu('refresh', true);
$('#someTextElement').textinput().textinput('disable');

সক্রিয় করার জন্য

$('#someselectElement').selectmenu().selectmenu('enable').selectmenu('refresh', true);
$('#someTextElement').textinput('enable');

অক্ষম করুন:

$('input').attr('readonly', true); // Disable it.
$('input').addClass('text-muted'); // Gray it out with bootstrap.

সক্ষম করুন:

$('input').attr('readonly', false); // Enable it.
$('input').removeClass('text-muted'); // Back to normal color with bootstrap.

আপনি এই কোডটি আপনার কোথাও গ্লোবাল রাখতে পারেন:

$.prototype.enable = function () {
    $.each(this, function (index, el) {
        $(el).removeAttr('disabled');
    });
}

$.prototype.disable = function () {
    $.each(this, function (index, el) {
        $(el).attr('disabled', 'disabled');
    });
}

এবং তারপর আপনি স্টাফ লিখতে পারেন:

$(".myInputs").enable();
$("#otherInput").disable();

আপনি যদি বর্তমান অবস্থাটি বিলোপ করতে চান (একটি টগল বাটন আচরণের মতো):

$("input").prop('disabled', ! $("input").prop('disabled') );

এই মত ব্যবহার করুন,

 $( "#id" ).prop( "disabled", true );

    $( "#id" ).prop( "disabled", false );

তাদের ব্যবহার করার অনেক উপায় আছে আপনি কোন উপাদান সক্রিয় / নিষ্ক্রিয় করতে পারেন :

পদ্ধতি 1

$("#txtName").attr("disabled", true);

পদ্ধতি 2

$("#txtName").attr("disabled", "disabled");

যদি আপনি jQuery 1.7 বা উচ্চতর সংস্করণ ব্যবহার করেন তবে attr () এর পরিবর্তে prop () ব্যবহার করুন।

$("#txtName").prop("disabled", "disabled");

আপনি যদি কোনও উপাদান সক্ষম করতে চান তবে আপনাকে এটি নিষ্ক্রিয় করতে আপনি যা করেছেন তার বিপরীতে এটি করতে হবে। তবে jQuery কোন বৈশিষ্ট্য মুছে ফেলার অন্য উপায় প্রদান করে।

পদ্ধতি 1

$("#txtName").attr("disabled", false);

পদ্ধতি 2

$("#txtName").attr("disabled", "");

পদ্ধতি 3

$("#txtName").removeAttr("disabled");

আবার, যদি আপনি jQuery 1.7 বা উচ্চতর সংস্করণ ব্যবহার করেন তবে attr () এর পরিবর্তে prop () ব্যবহার করুন। যে হয়। আপনি jQuery ব্যবহার করে কোন উপাদান সক্রিয় বা নিষ্ক্রিয় কিভাবে।


ইনপুট টাইপ জন্য সত্য নিষ্ক্রিয় করুন:

একটি নির্দিষ্ট ইনপুট টাইপ ( প্রাক্তন টেক্সট টাইপ ইনপুট ) ক্ষেত্রে

$("input[type=text]").attr('disabled', true);

ইনপুট টাইপ সব ধরনের জন্য

$("input").attr('disabled', true);

    // Disable #x
    $( "#x" ).prop( "disabled", true );
    // Enable #x
    $( "#x" ).prop( "disabled", false );

কখনও কখনও আপনি ইনপুট বা textarea মত ফর্ম উপাদান নিষ্ক্রিয় / সক্রিয় করতে হবে। Jquery আপনাকে অক্ষম বৈশিষ্ট্যটিকে "অক্ষম" এ সেট করে সহজে এটি করতে সহায়তা করে। উদাহরণস্বরূপ:

  //To disable 
  $('.someElement').attr('disabled', 'disabled');

নিষ্ক্রিয় উপাদান সক্ষম করতে আপনাকে এই উপাদান থেকে "অক্ষম" বৈশিষ্ট্যটি মুছে ফেলতে বা তার স্ট্রিং খালি করতে হবে। উদাহরণস্বরূপ:

//To enable 
$('.someElement').removeAttr('disabled');

// OR you can set attr to "" 
$('.someElement').attr('disabled', '');

পড়ুন: http://garmoncheg.blogspot.fr/2011/07/how-to-disableenable-element-with.html


<html>
<body>

Name: <input type="text" id="myText">



<button onclick="disable()">Disable Text field</button>
<button onclick="enable()">Enable Text field</button>

<script>
function disable() {
    document.getElementById("myText").disabled = true;
}
function enable() {
    document.getElementById("myText").disabled = false;
}
</script>

</body>
</html>




html-input