checkbox实现单选多选

前台html:
单选: <input type="checkbox" name="isChk" value="22" />
全选:<input  id="allChk" type="checkbox" name="allChkBox"  />



js代码:


//checkbox 选中
$(document).ready(function() {
    $(":checkbox[name='isChk']").click(function() {
        if (this.checked) {      //选择
            if ($("input:checked[name='isChk']").length == $(":checkbox[name='isChk']").length) {
                $('#allChk')[0].checked = true;
            }
        }
        else {
            $('#allChk')[0].checked = false;
        }
    })

    $('#allChk').click(function() {
    var e = $('#allChk')[0].checked;
        $(":checkbox[name='isChk']").each(function() {
            this.checked = e;
        });
    })
});


var v = "";
    $("input:checked[name='isChk']").each(function() {
        v += this.value + ",";
    });
    if ($.trim(v) == "") {
        alert("请选择需要购买的商品");
        return;
    }

原文地址:https://www.cnblogs.com/moss_tan_jun/p/2096289.html