jquery - w3schools - টাইপ এবং নাম(নির্বাচক) দ্বারা লক্ষ্য ইনপুট




jquery w3schools (2)

আমার কিছু লুকানো ইনপুটগুলিতে কিছু চেকবক্স ইনপুট পরিবর্তন করতে হবে তবে একটি পৃষ্ঠাতে সমস্ত ইনপুট নয়।

<input type="checkbox" name="ProductCode"value="396P4"> 
<input type="checkbox" name="ProductCode"value="401P4"> 
<input type="checkbox" name="ProductCode"value="F460129">

নীচের jQuery কোডটি শুধুমাত্র টাইপের মাধ্যমে ইনপুট নির্বাচন করে যা সকল চেক বক্সকে লুকানো ইনপুটগুলিতে পরিবর্তিত করে। উভয় ধরনের ইনপুট = "চেকবাক্স" এবং নাম = "ProductCode" নির্বাচনী হিসাবে চেক করার উপায় আছে তাই আমি বিশেষভাবে তাদের লক্ষ্য করতে পারি যে আমি পরিবর্তন করতে চান?

$("input[type='checkbox']").each(function(){
var name = $(this).attr('name'); // grab name of original
var value = $(this).attr('value'); // grab value of original
var html = '<input type="hidden" name="'+name+'" value="'+value+'" />';
$(this).after(html).remove(); // add new, then remove original input
});


আপনি একটি একাধিক বৈশিষ্ট্য নির্বাচক চান

$("input[type='checkbox'][name='ProductCode']").each(function(){ ...

অথবা

$("input:checkbox[name='ProductCode']").each(function(){ ...

সিএসএস ক্লাসটি নির্বাচন করার জন্য আপনি যেগুলি নির্বাচন করতে চান তা সনাক্ত করার জন্য এটি আরও ভাল হবে তবে অনেকগুলি আধুনিক ব্রাউজার document.getElementsByClassName ElementsByClassName পদ্ধতি বাস্তবায়নের জন্য ব্যবহার করা হবে যা উপাদানের নির্বাচন করতে এবং name বৈশিষ্ট্যের চেয়ে বেশি দ্রুত হতে ব্যবহার করবে।


আপনি এট্রিবিউট নির্বাচকদের এইভাবে একত্রিত করতে পারেন:

$("[attr1=val][attr2=val]")...

যাতে একটি উপাদান উভয় শর্ত সন্তুষ্ট আছে। অবশ্যই আপনি আরো দুই জন্য এই ব্যবহার করতে পারেন। এছাড়াও, [type=checkbox] । jQuery এর জন্য একটি নির্বাচক আছে, যথা :checkbox তাই শেষ ফলাফল হল:

$("input:checkbox[name=ProductCode]")...

বৈশিষ্ট্য নির্বাচক ধীর যদিও তাই সম্ভব প্রস্তাবিত পদ্ধতি আইডি এবং বর্গ নির্বাচক ব্যবহার যেখানে সম্ভব। আপনি আপনার মার্কআপ এ পরিবর্তন করতে পারেন:

<input type="checkbox" class="ProductCode" name="ProductCode"value="396P4"> 
<input type="checkbox" class="ProductCode" name="ProductCode"value="401P4"> 
<input type="checkbox" class="ProductCode" name="ProductCode"value="F460129">

আপনি আরও দ্রুত নির্বাচক ব্যবহার করতে পারবেন:

$("input.ProductCode")...




jquery