Question

I have some html form

<div id="1">
    <div>
    <span class="checkbox" style="background-position: 0pt -34px;"></span>
    <input type="checkbox" value="Adelaide" class="styled" name="sidecity" id="sidecity-control-name-0">
    <label for="sidecity-control-name-0">Adelaide</label>
    </div>       
</div>

How to add click event handler to empty span block ?

Answer 1

Probably something like this:

$('span.checkbox').click(function(e) {
    // do something here to handle a click event on your span
});

However, unless the checkbox class does something really special, that element isn’t likely to take up any space on the page, so chances of it being clicked on are slim to none.