আমি কীভাবে jQuery বা খাঁটি জেএস ব্যবহার করে একটি দস্তাবেজের সমস্ত চেকবক্সকে পুনরায় সেট করতে পারি?
আমি কীভাবে jQuery বা খাঁটি জেএস ব্যবহার করে একটি দস্তাবেজের সমস্ত চেকবক্সকে পুনরায় সেট করতে পারি?
উত্তর:
আপনার চেকবক্স থেকে কীভাবে 'পরীক্ষিত' অবস্থা সরিয়ে ফেলা হয় তা বোঝাতে:
$('input:checkbox').removeAttr('checked');
আপনি যদি ফর্মটির রিসেট বৈশিষ্ট্যটি ব্যবহার করতে চান তবে আপনি এটি ব্যবহার করা ভাল:
$('input[type=checkbox]').prop('checked',true);
বা
$('input[type=checkbox]').prop('checked',false);
দেখে মনে হচ্ছে removeAttr()এটি পুনরায় সেট করা যাবে না form.reset()।
আমি এটি আগে ব্যবহার করেছি:
$('input[type=checkbox]').prop('checked', false);
মনে হয় .attr এবং .removeAttr কিছু পরিস্থিতিতে কাজ করে না।
সম্পাদনা করুন: নোট করুন যে jQuery v1.6 এবং তার চেয়েও উচ্চতর ক্ষেত্রে আপনাকে .prop('checked', false)বৃহত্তর ক্রস ব্রাউজারের সামঞ্জস্যের জন্য ব্যবহার করা উচিত - https://api.jquery.com/prop দেখুন
এখানে মন্তব্য করুন: কীভাবে jQuery বা খাঁটি জেএস ব্যবহার করে সমস্ত চেকবাক্স পুনরায় সেট করবেন?
কিছু ক্ষেত্রে চেকবক্সটি ডিফল্টরূপে নির্বাচন করা যেতে পারে। আপনি যদি নির্বাচিত হিসাবে সেট না হয়ে ডিফল্ট নির্বাচন পুনরুদ্ধার করতে চান তবে defaultCheckedসম্পত্তিটির তুলনা করুন ।
$(':checkbox').each(function(i,item){
this.checked = item.defaultChecked;
});
var clist = document.getElementsByTagName("input");
for (var i = 0; i < clist.length; ++i) { clist[i].checked = false; }
$('input:checkbox').each(function() { this.checked = false; });
বিপরীতে করতে, দেখুন: আইডি / বর্গ দ্বারা সমস্ত চেকবক্স নির্বাচন করুন
$(":checkbox:checked").each(function () {
this.click();
});
চেক না করা চেক বাক্সে, আপনার যুক্তিটিকে বিপরীত দিকে ঘুরিয়ে দিন
আপনার পৃষ্ঠার কোন ডিভ বা অংশে চেকবাক্স চেক করা থাকতে পারে এবং কোনটি নয় তা আপনি নির্বাচনী হতে পারেন। আমি সেই দৃশ্যে এসে পৌঁছেছি যেখানে আমার পৃষ্ঠাতে আমার দুটি ফর্ম রয়েছে এবং একটির পূর্বনির্ধারিত মান রয়েছে (আপডেটের জন্য) এবং অন্যটি নতুন করে পূরণ করতে হবে।
$('#newFormId input[type=checkbox]').attr('checked',false);
এটি কেবলমাত্র চেকবাক্সগুলিকে আইডি নিউফর্মআইডিকে চেক না করা হিসাবে আকারে তৈরি করবে।
যেমনটি তাতু উলমানেনের জবাব অনুসারে অনুসরণ করে স্ক্রিপ্টটি কাজটি করবে
$('input:checkbox').removeAttr('checked');
তবে, যেমন ব্লাকোমেনের মন্তব্য বলেছে, সংস্করণ 1.6 এর পরে এটি ব্যবহার jQuery.prop()করা আরও ভাল
নোট করুন যে jQuery v1.6 এবং উচ্চতর ক্ষেত্রে, আপনাকে বৃহত্তর ক্রস-ব্রাউজারের সামঞ্জস্যের পরিবর্তে .prop ('চেক করা', মিথ্যা) ব্যবহার করা উচিত
$('input:checkbox').prop('checked', false);
jQuery.each()এটি ব্যবহার করার সময় সতর্কতা অবলম্বন করা পারফরম্যান্স সমস্যার কারণ হতে পারে। (এছাড়াও, jQuery.find()এই ক্ষেত্রে এড়াতে । পরিবর্তে প্রতিটি ব্যবহার করুন)
$('input[type=checkbox]').each(function()
{
$(this).prop('checked', false);
});
আমি এরকম কিছু ব্যবহার করেছি
$(yourSelector).find('input:checkbox').removeAttr('checked');
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container check">
<button class="btn">click</button>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car<br>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car<br>
</div>
<script>
$('.btn').click(function() {
$('input[type=checkbox]').each(function()
{
this.checked = false;
});
})
</script>
</body>
</html>