チェックボックスで制限された数以上のチェックをされた際にアラートを表示させる

Ads

Result


チェックボックスの数を制限する時に。

jQuery

$("input[name='tech']").change(function () {
    //チェックボックスの最大数を設定
    var maxAllowed = 2;
    //チェックされた数をチェック
    var cnt = $("input[name='tech']:checked").length;
    if (cnt > maxAllowed) {
        $(this).prop("checked", "");
        設定した数より多くチェックが付けられる場合にアラート表示
        alert('' + maxAllowed + 'つ以上は選べません!');
    }
});

via

How to limit the number of selected checkboxes?