Question

I’m not getting how to do this.

I have three checkboxes and if i click one of them other checkboxes should be disabled. How can i achieve this using jQuery

<input type="checkbox" name="box1" >
<input type="checkbox" name="box2" >
<input type="checkbox" name="box3" >

Help me in this.

Answer 1

jsFiddle 1

$('input[type="checkbox"]').click(function() {
    $(this).siblings().attr('disabled', true); 
});

jsFiddle 2

Alternatively, if you want to enable the checkboxes upon unselection, you could use this:

$('input[type="checkbox"]').click(function() {
    $(this).siblings().attr('disabled', this.checked);
});