博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

checkbox实现单选多选

Posted on 2011-07-02 15:30  moss_tan_jun  阅读(918)  评论(0编辑  收藏  举报

前台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;
    }