Limit number of checkboxes

by dhavaljani

HTML

<b>Select Maximum 3 technologies:</b>

<br/>
<br/>
<input type="checkbox" name="tech" value="jQuery" /> jQuery
<br/>
<input type="checkbox" name="tech" value="JavaScript" /> JavaScript
<br/>
<input type="checkbox" name="tech" value="Prototype" /> Prototype
<br/>
<input type="checkbox" name="tech" value="Dojo" /> Dojo
<br/>
<input type="checkbox" name="tech" value="Mootools" /> Mootools
<br/>

CSS

body {
    font-family: Calibri;
    font-size : 12pt;
    padding :10px;
}

JavaScript

$(document).ready(function () {
    $("input[name='tech']").change(function () {
        var maxAllowed = 3;
        var cnt = $("input[name='tech']:checked").length;
        if (cnt > maxAllowed) {
            $(this).prop("checked", "");
            alert('You can select maximum ' + maxAllowed + ' technologies!!');
        }
    });
});