jquery - <ইনপুট> এর গুণাবলী নাম মান পান




(7)

কিভাবে jQuery ব্যবহার করে একটি ইনপুট ট্যাগ এর বৈশিষ্ট্য নাম মান পেতে। সাহায্য করুন.

<input name='xxxxx' value=1>

'এই' ব্যবহার করে আরও ভাল উপায় ব্যবহার করা যেতে পারে, 'আইডি' এর নাম যাই হোক না কেন এটি ব্যবহার করে। যতক্ষণ আপনি 'mytarget' নামক ক্লাস নাম যোগ করেন।

যখনই ক্ষেত্রের যে কোনও লক্ষ্য পরিবর্তন করা হয় তখন এটি সেই ক্ষেত্রের নামে একটি সতর্কতা বাক্স দেখাবে। শুধু কাজ এবং এটি কাজ করার জন্য পুরো স্ক্রিপ্ট অতীত!

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
 $('.mytarget').change(function() {
var name1 = $(this).attr("name");
alert(name1);
 });
});
</script>

Name: <input type="text" name="myname" id="myname" class="mytarget"><br />
Age: <input type="text" name="myage" id="myage" class="mytarget"><br />

আপনাকে একটি নির্বাচক লিখতে হবে যা প্রথমে সঠিক <input> নির্বাচন করে। আদর্শভাবে আপনি উপাদানটির আইডি $('#element_id') , $('#element_id') কন্টেইনারের আইডি $('#container_id input') , বা উপাদানটির শ্রেণী $('input.class_name')

আপনার উপাদানটিতে এগুলির কোনও নেই এবং কোন প্রসঙ্গ নেই, তাই এটি নির্বাচন করা কীভাবে আপনাকে জানাতে কঠিন।

একবার আপনি সঠিক নির্বাচককে খুঁজে বের করলে, আপনি উপাদানটির বৈশিষ্ট্যগুলি অ্যাক্সেস করতে attr পদ্ধতিটি ব্যবহার করবেন। নামটি পেতে, আপনি $(selector).attr('name') ব্যবহার করবেন। $(selector).attr('name') যা ফিরে আসবে (আপনার উদাহরণে) 'xxxxx'


এই মত jQuery এর attr পদ্ধতি ব্যবহার করুন:

alert($('input').attr('name'));

উল্লেখ্য যে আপনি দ্বিতীয় যুক্তিটি নির্দিষ্ট করে বৈশিষ্ট্যের মান নির্ধারণ করতে attr ব্যবহার করতে পারেন:

$('input').attr('name', 'new_name')

জাভাস্ক্রিপ্টটি একটি শক্তিশালী হাতিয়ার বলে অস্বীকার করে এমন কোনও ধারণা নেই যে, "উপাদানটির গুণমানের মান অর্জন করুন" হিসাবে এই ক্ষুদ্র ক্রিয়াকলাপের জন্য এটি ব্যবহার করা সত্যিই খারাপ ধারণা।

বর্তমান গৃহীত উত্তর দ্বারা বিচার করা, আমি অনুমান করতে যাচ্ছি যে আপনি আপনার উপাদানতে একটি আইডি বৈশিষ্ট্য যুক্ত করতে এবং এটি নির্বাচন করতে ব্যবহার করতে সক্ষম হবেন।

মনে রাখবেন, এখানে কোড দুটি টুকরা। প্রথমত, গৃহীত উত্তরটিতে আপনাকে দেওয়া কোডটি:

$("#ID").attr("name");

এবং দ্বিতীয়, এর ভ্যানিলা জেএস সংস্করণ:

document.getElementById('ID').getAttribute("name");

আমার ফলাফল:

  • jQuery: 300k অপারেশন / সেকেন্ড
  • জাভাস্ক্রিপ্ট: 11,000k অপারেশন / সেকেন্ড

আপনি here নিজের জন্য পরীক্ষা করতে পারেন। "প্লেইন জাভাস্ক্রিপ্ট" vesion jQuery সংস্করণ চেয়ে 35 গুণ বেশি দ্রুত

এখন, এটি শুধুমাত্র একটি ক্রিয়াকলাপের জন্য, সময়ের সাথে সাথে আপনার কোডটিতে আরো বেশি জিনিস চলবে। সম্ভবত বিশেষ কিছু উন্নত জন্য, সর্বোত্তম "বিশুদ্ধ জাভাস্ক্রিপ্ট" সমাধান চালানোর জন্য এক সেকেন্ড সময় লাগবে। JQuery সংস্করণ একটি সম্পূর্ণ মিনিট 30 সেকেন্ড সময় লাগতে পারে! যে বিশাল! মানুষ যে জন্য প্রায় বসতে যাচ্ছে না। এমনকি ব্রাউজার বিরক্ত হয়ে যাবে এবং ওয়েবপেজকে খুব বেশি সময় নিবারণের বিকল্পটি অফার করবে!

যেমনটি আমি বলেছিলাম, জাভাস্ক্রিপ্টটি একটি শক্তিশালী হাতিয়ার, তবে এটি সবকিছুর উত্তর হিসাবে বিবেচনা করা উচিত নয়


মান ব্যবহার ইনপুট নাম পেতে

 $('input[value="1"]').attr('name');

আইডি ব্যবহার ইনপুট নাম পেতে

 $('input[class="id"]').attr('name');
   $('#id').attr('name');

ক্লাস ব্যবহার ইনপুট নাম পেতে

 $('input[value="classname"]').attr('name');
   $('.classname').attr('name');  //if classname have unique value

যদি আপনি একটি একক উপাদানটির সাথে ডিল করছেন তবে জেনারেট টাইপটিয়ের উত্তর হিসাবে আপনি id নির্বাচক ব্যবহার করুন এবং $("#id").attr("name"); নামটি পেতে পারেন $("#id").attr("name");

কিন্তু যদি আপনি চান, আমি যখন এই প্রশ্নটি খুঁজে পেয়েছিলাম, তখন আমি একটি নির্দিষ্ট শ্রেণির সমস্ত ইনপুট নামগুলির তালিকা (আমার উদাহরণে, নির্বাচনযোগ্য .selectable-checkbox ক্লাসের সাথে সমস্ত অচিহ্নিত চেকবক্সের তালিকা সহ একটি তালিকা) আপনি এমন কিছু করতে পারেন। :

var listOfUnchecked = $('.selectable-checkbox:unchecked').toArray().map(x=>x.name);

অথবা

var listOfUnchecked = [];
$('.selectable-checkbox:unchecked').each(function () {
    listOfUnchecked.push($(this).attr('name'));
});

var value_input = $("input[name*='xxxx']").val();




jquery