এইচটিএমএল ইনপুট বোতামটি অক্ষম করা এবং সক্ষম করা

Question

সুতরাং আমি এই মত একটি বোতাম আছে:

<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>

আমি চাইলে আমি কীভাবে এটি অক্ষম ও সক্ষম করতে পারি? আমি চেষ্টা করেছি disabled="disable"কিন্তু এটিকে সক্ষম করে তোলা একটি সমস্যা। আমি এটিকে আবার মিথ্যাতে সেট করার চেষ্টা করেছি তবে এটি সক্ষম করে নি।

Comments

আপনি এটি আবার সক্ষম সক্ষম মানে? একবার এটি অক্ষম করলে আপনি একই পদ্ধতি থেকে এটি পুনরায় সক্ষম করতে পারবেন না Me()আশা করি আপনি জানেন (কারণ এটি অক্ষম)

— সিজেডস

আমি যা করার চেষ্টা করছি তা হ'ল নির্দিষ্ট কিছু ঘটনা ঘটে গেলে বোতামটি অক্ষম করা এবং সক্ষম করা।

— কে.কেন

Answer 1

জাভাস্ক্রিপ্ট ব্যবহার করে

• এইচটিএমএল বোতামটি অক্ষম করা হচ্ছে

  document.getElementById("Button").disabled = true;

• এইচটিএমএল বোতামটি সক্ষম করা হচ্ছে

  document.getElementById("Button").disabled = false;

• এখানে ডেমো

---

JQuery ব্যবহার করে

1.6 এর আগে jQuery এর সমস্ত সংস্করণ

• এইচটিএমএল বোতামটি অক্ষম করা হচ্ছে

  $('#Button').attr('disabled','disabled');

• এইচটিএমএল বোতামটি সক্ষম করা হচ্ছে

  $('#Button').removeAttr('disabled');

• এখানে ডেমো

1.6 এর পরে jQuery এর সমস্ত সংস্করণ

• এইচটিএমএল বোতামটি অক্ষম করা হচ্ছে

  $('#Button').prop('disabled', true);

• এইচটিএমএল বোতামটি সক্ষম করা হচ্ছে

  $('#Button').prop('disabled', false);

• এখানে ডেমো

পিএস jquery 1.6.1 পরিবর্তনের উপর ভিত্তি করে কোড আপডেট করেছে । একটি পরামর্শ হিসাবে সর্বদা সর্বশেষতম jquery ফাইল এবং prop()পদ্ধতিটি ব্যবহার করুন।

Comments

এটি কাজ করার জন্য আমার সেখানে কি বৈশিষ্ট্যগুলি দরকার? যেমন অক্ষম করুন = "অক্ষম করুন"

— কে.কেঙ্ক

না, ভিতরে $(document).readyআপনি কল করতে পারেন $('#Button').attr('disabled','disabled');। এটি পৃষ্ঠা লোডের বোতামটি অক্ষম করবে। এবং যখন নির্দিষ্ট ইভেন্টগুলি ঘটে থাকে, আপনি $('#Button').removeAttr('disabled');এটি আবার সক্ষম করার জন্য কল করতে পারেন ...

— palaѕн

অক্ষম হলে ধূসর শৈলী যুক্ত করবেন কীভাবে?

— লি ইয়াং

@LeiYang তোমার মত কিছু সিএসএস যোগ করতে পারেন এই

— palaѕн

কেবল লক্ষ্য করুন যে প্যালাস সঠিকভাবে লিখেছেন বলে সত্য এবং মিথ্যা বুলিয়ান, স্ট্রিং নয়

— মার্কো

Answer 2

যেহেতু আপনি এটি প্রথম স্থানে অক্ষম করছেন তাই এটি সক্ষম করার উপায়টি এর disabledসম্পত্তি হিসাবে সেট করা false।

disabledজাভাস্ক্রিপ্টে এর সম্পত্তি পরিবর্তন করতে আপনি এটি ব্যবহার করুন:

var btn = document.getElementById("Button");
btn.disabled = false;

এবং স্পষ্টতই এটি আবার অক্ষম করতে, আপনি trueপরিবর্তে ব্যবহার করতে চাই ।

যেহেতু আপনি প্রশ্নটি jQuery এর সাথে ট্যাগ করেছেন, আপনি এই .propপদ্ধতিটি ব্যবহার করতে পারেন । কিছুটা এইরকম:

var btn = $("#Button");
btn.prop("disabled", true);   // Or `false`

এটি jQuery এর নতুন সংস্করণে রয়েছে। এটি করার পুরানো উপায় হ'ল এর মতো কোনও বৈশিষ্ট্য যুক্ত করা বা মুছে ফেলা:

var btn = $("#Button");
btn.attr("disabled", "disabled");
// or
btn.removeAttr("disabled");

disabledসম্পত্তির নিছক উপস্থিতি উপাদানটিকে অক্ষম করে, তাই আপনি এর মানটিকে "মিথ্যা" হিসাবে সেট করতে পারবেন না। এমনকি নীচেরগুলিতে উপাদানটি অক্ষম করা উচিত

<input type="button" value="Submit" disabled="" />

আপনার হয় হয় গুণাবলী সম্পূর্ণরূপে মুছে ফেলা বা এর সম্পত্তি সেট করা দরকার।

Comments

আমি যদি প্রথমে বোতামটি সক্ষম করতে চাই তবে তারপরে পরে অক্ষম করা উচিত; আমি সক্ষম = "সত্য" চেষ্টা করেছিলাম। উপযুক্ত কিওয়ার্ডটি সক্ষম করে ??

— কে.কেন

@ কে.কেন না, কীওয়ার্ডটি "অক্ষম"। আপনি যদি প্রাথমিকভাবে বোতামটি সক্ষম করতে চান তবে এট্রিবিউটটি একেবারেই রাখবেন না disabled। শুধু ব্যবহার <input type="button" value="Submit" />। এবং স্থিতি পরিবর্তন করার সময় .prop("disabled", true);(বা false)

— ইয়ান

Answer 3

আপনি কেবল সোজা জাভাস্ক্রিপ্ট দিয়ে মোটামুটি সহজে এটি করতে পারেন, কোনও লাইব্রেরির প্রয়োজন নেই।

একটি বোতাম সক্ষম করুন

document.getElementById("Button").disabled=false;

একটি বোতাম অক্ষম করুন

 document.getElementById("Button").disabled=true;

কোনও বাহ্যিক গ্রন্থাগার প্রয়োজন নেই।

Answer 4

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

Answer 5

$(".btncancel").button({ disabled: true });

এখানে 'btncancel' বাটনটির শ্রেণীর নাম।

Answer 6

JQuery ছাড়া অক্ষম ইনপুট সহজ হবে

Button.disabled=1;

function dis() {
  Button.disabled= !Button.disabled;
}

<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>

<button onclick="dis()">Toggle disable</button>

Answer 7

 <!--Button Disable Script-->
    <script type="text/javascript">
        function DisableButton() {
            document.getElementById("<%=btnSave.ClientID %>").disabled = true;
        }
        window.onbeforeunload = DisableButton;
    </script>
    <!--Button Disable Script-->

Answer 8

এটি অবশ্যই কাজ করবে।

একটি বোতাম অক্ষম করতে

$('#btn_id').button('disable');

একটি বোতাম সক্ষম করতে

$('#btn_id').button('enable');

Answer 9

পিএইচপি টিকে থাকুন ...

উপরের মানদণ্ডগুলি পূরণ করা হলে কেবল বাটনটি কেন প্রদর্শিত হবে না।

<?
if (whatever == something) {
    $display = '<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>';
    return $display;
}
?>