আমার একটি চেকবাক্স রয়েছে যা আমি ক্লিক ইভেন্টে কিছু অ্যাজাক্স ক্রিয়া সম্পাদন করতে চাই, তবে চেকবক্সটি একটি কন্টেইনারের অভ্যন্তরে রয়েছে এটির নিজস্ব ক্লিক আচরণ যা চেকবক্সটি ক্লিক করার পরে চালাতে চাই না। এই নমুনাটি আমি কী করতে চাই তা চিত্রিত করে:
$(document).ready(function() {
$('#container').addClass('hidden');
$('#header').click(function() {
if ($('#container').hasClass('hidden')) {
$('#container').removeClass('hidden');
} else {
$('#container').addClass('hidden');
}
});
$('#header input[type=checkbox]').click(function(event) {
// Do something
});
});#container.hidden #body {
display: none;
}<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<div id="container">
<div id="header">
<h1>Title</h1>
<input type="checkbox" name="test" />
</div>
<div id="body">
<p>Some content</p>
</div>
</div>তবে, ডিফল্ট ক্লিক আচরণের (চেকবক্সটি চেক / চেক করা না হওয়া) চালিত না হওয়ার কারণে কীভাবে ইভেন্টটি বুদবুদ বন্ধ করতে হবে তা আমি বুঝতে পারি না।
নিম্নলিখিত দুটিই ইভেন্ট বুদবুদ বন্ধ করে তবে চেকবক্সের স্থিতি পরিবর্তন করে না:
event.preventDefault();
return false;
2
আমি এই বিষয়ে একটি নিবন্ধ পেয়েছি যা অন্যান্য স্ট্যাক ওভারফ্লোয়ারদের জন্য সহায়ক হতে পারে। দ্রুত টিপ: একটি চেকবাক্স ট্রিগার করতে সারণি সারিতে ক্লিক করুন
—
পেডার রাইস