Question

how do i know id checkbox when you click on <span class="CheckBox">?

Code:

<div id="checkbox">
<input type="checkbox" id="demo" name="status" class="status" style="display: none; ">
<span class="CheckBox">
<span class="CBContent">Block</span>
<span class="CBPart"></span>
</span>
</div>

Start code Jquery:

$(document).ready(function(){
$('.CheckBox').on("click", function(){

what should be further actions ?

Answer 1

You need to use jquery prev(),

Live Demo

$(document).ready(function() {
    $(document).on("click", '.CheckBox', function() {
        previousId = $(this).prev().attr('id');
        alert(previousId);
    });
});​