jQuery Checkbox Validation - Limiting Checkboxes To Be Checked

jQuery Checkbox Validation - Limiting Checkboxes To Be Checked

by Akram kamal

HTML

<input type="checkbox" class="caf" />
<input type="checkbox" class="caf" />
<input type="checkbox" class="caf" />
<input type="checkbox" class="caf" />
<input type="checkbox" class="caf" />
<input type="checkbox" class="caf" />
<input type="checkbox" class="caf" />

JavaScript

var mvp = 3;
$(document).ready(function () {
    $(".caf:input:checkbox").each(function (index) {
        this.checked = (".caf:input:checkbox" < mvp);
    }).change(function () {
        if ($(".caf:input:checkbox:checked").length > mvp) {
            this.checked = false;
        }
    });
});