checkbox

//checkBox
function chechboxall() {
    $("input:checkbox").attr("checked", !$("input:checkbox").attr("checked"))//打勾
}
//获取选中checkbox的值
function getallvalue() {
    var ids = "";
    $.each($("#checkVal input:checkbox"), function (i) {
        if ($(this).attr("checked")) {
            ids += $(this).attr("value") + " ";
        }
    })
    if (ids != "") {
        $("#lbCheckMsg").text(ids.substring(0, ids.length)).addClass("beijing");
    } else {
        $("#lbCheckMsg").text("没有了").addClass("beijing");
    }
}

<div id="checkVal" style="width: 800px; height: 50px; border: 1px solid #000000;
        margin-top: 10px;">
        <input type="checkbox"  id="checkbox_name_1" value="柠檬茶" />柠檬茶&nbsp;&nbsp;&nbsp;
        <input type="checkbox"  id="checkbox_name_2" value="水果冰" />水果冰&nbsp;&nbsp;&nbsp;
        <input type="checkbox"  id="checkbox_name_3" value="炒杂冰" />炒杂冰&nbsp;&nbsp;&nbsp;
        <input type="checkbox"  id="checkbox_name_4" value="棒棒糖" />棒棒糖&nbsp;&nbsp;&nbsp;
        <input type="button" id="checkedAll" onclick="chechboxall()" value="全选/取消全选" /><br />
        <a href="javascript:void(0)" onclick="getallvalue()">获取选中的值</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:Label ID="lbCheckMsg" runat="server" Text=""></asp:Label>
    </div>
posted @ 2012-05-19 14:09  搂猫谁觉的鱼  阅读(224)  评论(0)    收藏  举报