উত্তর:
কেবল নিম্নলিখিত বৈশিষ্ট্য যুক্ত করুন
// for disabled i.e. cannot highlight value or change
disabled="disabled"
// for readonly i.e. can highlight value but not change
readonly="readonly"jQuery এর (বিকল্প উপাদানে পরিবর্তন করতে disabledজন্য readonlyসেটিং এর জন্য নিম্নলিখিত মধ্যে readonlyঅ্যাট্রিবিউট)।
$('#fieldName').attr("disabled","disabled") অথবা
$('#fieldName').attr("disabled", true) দ্রষ্টব্য: jQuery 1.6 হিসাবে, এটি .prop()পরিবর্তে ব্যবহার করার পরামর্শ দেওয়া হয় .attr()। উপরের কোড বিকল্প ছাড়া ঠিক একই কাজ করবে .attr()জন্য .prop()।
আপনি কেবল এটি চিহ্নিত করে disabledবা এটি করতে পারেন enabled। এটি করার জন্য আপনি এই কোডটি ব্যবহার করতে পারেন:
//for disable
$('#fieldName').prop('disabled', true);
//for enable
$('#fieldName').prop('disabled', false);অথবা
$ ('# ক্ষেত্রের নাম')। প্রপ ('কেবলমাত্র পঠনযোগ্য', সত্য);
$ ('# ক্ষেত্রের নাম')। প্রপ ('কেবলমাত্র পঠনযোগ্য', মিথ্যা);
--- অ্যাটর পরিবর্তে প্রপ ব্যবহার করা ভাল।
পাঠ্য বাক্সটি কেবলমাত্র পঠনযোগ্য বা না করার জন্য এই উদাহরণটি ব্যবহার করুন।
<input type="textbox" class="txt" id="txt"/>
<input type="button" class="Btn_readOnly" value="Readonly" />
<input type="button" class="Btn_notreadOnly" value="Not Readonly" />
<script>
$(document).ready(function(){
('.Btn_readOnly').click(function(){
$("#txt").prop("readonly", true);
});
('.Btn_notreadOnly').click(function(){
$("#txt").prop("readonly", false);
});
});
</script>দুটি বৈশিষ্ট্য রয়েছে, যথা readonlyএবং disabled, এটি একটি আধা-পঠনযোগ্য ইনপুট তৈরি করতে পারে। তবে তাদের মধ্যে একটি ছোট পার্থক্য আছে।
<input type="text" readonly />
<input type="text" disabled />readonlyঅ্যাট্রিবিউট আপনার ইনপুট টেক্সট অক্ষম করে তোলে, এবং ব্যবহারকারীদের এটা আর পরিবর্তন করতে পারবেন না।disabledবৈশিষ্ট্যটি কেবল আপনার ইনপুট-পাঠ্যকে অক্ষম করে তুলবে না (অপরিবর্তনীয়) তবে এটি জমা দেওয়া যাবে না ।jQuery পদ্ধতির (1):
$("#inputID").prop("readonly", true);
$("#inputID").prop("disabled", true);jQuery পদ্ধতির (2):
$("#inputID").attr("readonly","readonly");
$("#inputID").attr("disabled", "disabled");জাভাস্ক্রিপ্ট পদ্ধতির:
document.getElementById("inputID").readOnly = true;
document.getElementById("inputID").disabled = true;propসাথে পরিচয় করিয়ে দিলেন পিএস jQuery 1.6।
দেওয়া -
<input name="foo" type="text" value="foo" readonly />এই কাজ করে - (jquery 1.7.1)
$('input[name="foo"]').prop('readonly', true);কেবলমাত্র পঠনযোগ্য এবং কেবলমাত্র পড়ার সাথে পরীক্ষিত - উভয়েই কাজ করেছে।
হতে পারে অ্যাট্রিবিউট ব্যবহার নিষ্ক্রিয়:
<input disabled="disabled" id="fieldName" name="fieldName" type="text" class="text_box" />অথবা কেবল লেবেল ট্যাগ ব্যবহার করুন:;)
<label><html xmlns="http://www.w3.org/1999/xhtml">
<head >
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</head>
<body>
<div>
<input id="fieldName" name="fieldName" type="text" class="text_box" value="Firstname" />
</div>
</body>
<script type="text/javascript">
$(function()
{
$('#fieldName').attr('disabled', 'disabled');
});
</script>
</html>সম্ভবত এটি যুক্ত করা অর্থপূর্ণ
$('#fieldName').prop('readonly',false);একটি টগল বিকল্প হিসাবে ব্যবহার করা যেতে পারে ..
readonlyমানটি নির্বিশেষে এটি উপাদানটিতে কেবল একটি বৈশিষ্ট্য যুক্ত করে। সুতরাং আপনার উদাহরণটি ইনপুট ফিল্ডটিকে কেবল পঠনযোগ্য করে তুলবে, যদিও মানটি মিথ্যাতে নির্ধারণ করার পরেও।
সেটরেডঅনলি (স্টেট) ফর্মগুলির জন্য খুব দরকারী, আমরা সরাসরি বা বিভিন্ন শর্ত থেকে সেটরেডঅনলি (স্টেট) এ যে কোনও ক্ষেত্র সেট করতে পারি B তবে আমি নির্বাচককে অস্বচ্ছতা নির্ধারণের জন্য কেবলমাত্র পঠনযোগ্য ব্যবহার করতে পছন্দ করি অন্যথায় অ্যাটর = 'অক্ষম'ও এর মতো কাজ করেছিল একই ভাবে.
কেবলমাত্র উদাহরণগুলি:
$('input').setReadOnly(true);বা বিভিন্ন কোডিডির মাধ্যমে
var same = this.checked;
$('input').setReadOnly(same);এখানে আমরা একটি চেকবক্স ক্লিকের উপর নির্ভর করে ইনপুট থেকে পঠনযোগ্য বৈশিষ্ট্য সেট এবং সরানোর জন্য রাজ্য বুলিয়ান মানটি ব্যবহার করছি।
এইচটিএমএলে
$('#raisepay_id').attr("readonly", true)
$("#raisepay_id").prop("readonly",true);বুটস্ট্র্যাপে
$('#raisepay_id').attr("disabled", true)
$("#raisepay_id").prop("disabled",true);জিকুয়েরি একটি পরিবর্তনশীল গ্রন্থাগার এবং কখনও কখনও তারা নিয়মিত উন্নতি করে make .attr () টি এইচটিএমএল ট্যাগগুলি থেকে অ্যাট্রিবিউটগুলি পেতে ব্যবহার করা হয়, এবং এটি পুরোপুরি কার্যকরী অবস্থায় .prop () পরে আরও শব্দার্থক হওয়ার জন্য যুক্ত করা হয়েছিল এবং এটি 'পরীক্ষিত' এবং 'নির্বাচিত' এর মতো মান-কম বৈশিষ্ট্যের সাথে আরও ভাল কাজ করে।
এটি পরামর্শ দেওয়া হয় যে আপনি যদি JQuery এর পরবর্তী সংস্করণ ব্যবহার করছেন তবে আপনার যখনই সম্ভব সম্ভব .prop () ব্যবহার করা উচিত।