Only one checkbox at a time

by LW

HTML

Checkboxes test 1:
<input type="checkbox" class="myCheckbox" value="1" />
<input type="checkbox" class="myCheckbox" value="2" />
<input type="checkbox" class="myCheckbox" value="3" />
<input type="checkbox" class="myCheckbox" value="4" />
<input type="checkbox" class="myCheckbox" value="5" />
<br /><br /><br />

<div class="selectme">
Checkboxes test 2:
<input type="checkbox" class="myCheckbox2" value="1" />
</div>
<div class="selectme">
<input type="checkbox" class="myCheckbox2" value="2" />
</div>
<div class="selectme">
<input type="checkbox" class="myCheckbox2" value="3" />
</div>
<div class="selectme">
<input type="checkbox" class="myCheckbox2" value="4" />
</div>
<div class="selectme">
<input type="checkbox" class="myCheckbox2" value="5" />
</div>

CSS

.selectme {
 float:left;   
}

.myCheckbox2 {
 margin-left:4px;   
}

JavaScript

//Near checkboxes
$('.myCheckbox').click(function() {
    $(this).siblings('input:checkbox').prop('checked', false);
});


//Every checkboxes in the page
$('.selectme input:checkbox').click(function() {
    $('.selectme input:checkbox').not(this).prop('checked', false);
});