Checkboxes Values

by Joe Saad

HTML

<!-- 
ul(>li*6>input[type="checkbox"][id="option$"]+label[for="option$"]{Option $})+button#update[type="button"]{Update}
-->

<ul>
    <li><input type="checkbox" id="option1"><label for="option1">Option 1</label></li>
    <li><input type="checkbox" id="option2"><label for="option2">Option 2</label></li>
    <li><input type="checkbox" id="option3"><label for="option3">Option 3</label></li>
    <li><input type="checkbox" id="option4"><label for="option4">Option 4</label></li>
    <li><input type="checkbox" id="option5"><label for="option5">Option 5</label></li>
    <li><input type="checkbox" id="option6"><label for="option6">Option 6</label></li>
</ul>
<button id="update" type="button">Update</button>

JavaScript

$('#update').click(function(){
    alert($(':checkbox:checked').length);
    if ($(':checkbox:checked').length<1) {
        alert('nothing is checked');
    }else {
        alert($(':checkbox:checked').attr('id'));
    }
});