मैं एक चेकबॉक्स है कि मैं क्लिक करें घटना पर कुछ अजाक्स काम करवाना चाहते हैं, तथापि चेकबॉक्स अपने आप क्लिक बर्ताव है कि मैं जब चेकबॉक्स क्लिक किया जाता है चलाने के लिए नहीं करना चाहते हैं के साथ एक कंटेनर के अंदर भी है। यह नमूना दिखाता है कि मैं क्या करना चाहते हैं:
<html lang=en>
<head>
<title>Test</title>
<script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js></script>
<script type=text/javascript>
$(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
});
});
</script>
<style type=text/css>
#container.hidden #body {
display:none;
}
</style>
</head>
<body>
<div id=container>
<div id=header>
<h1>Title</h1>
<input type=checkbox name=test />
</div>
<div id=body>
<p>Some content</p>
</div>
</div>
</body>
</html>
हालांकि, मैं समझ नहीं कैसे घटना (चेक बॉक्स बनने जाँच / अनियंत्रित) डिफ़ॉल्ट क्लिक बर्ताव को पैदा करने के बिना बुदबुदाती नहीं चलाने के लिए बंद करने के लिए।
निम्न में से दोनों बुदबुदाती घटना को रोकने लेकिन यह भी चेकबॉक्स राज्य में परिवर्तन नहीं करते:
event.preventDefault();
return false;
