jQuery操作checkbox選擇代碼

<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.7.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            // 全選
            $("#btnCheckAll").bind("click", function () {
                $("[name = chkItem]:checkbox").attr("checked", true);
            });
 
            // 全不選
            $("#btnCheckNone").bind("click", function () {
                $("[name = chkItem]:checkbox").attr("checked", false);
            });
 
            // 反選
            $("#btnCheckReverse").bind("click", function () {
                $("[name = chkItem]:checkbox").each(function () {
                    $(this).attr("checked", !$(this).attr("checked"));
                });
            });
 
            // 全不選
            $("#btnSubmit").bind("click", function () {
                var result = new Array();
                $("[name = chkItem]:checkbox").each(function () {
                    if ($(this).is(":checked")) {
                        result.push($(this).attr("value"));
                    }
                });
 
                alert(result.join(","));
            });
        });
    </script>
</head>
<body>
    <div>
        <input name="chkItem" type="checkbox" value="分類一" />分類一
        <input name="chkItem" type="checkbox" value="分類二" />分類二
        <input name="chkItem" type="checkbox" value="分類三" />分類三
        <input name="chkItem" type="checkbox" value="分類四" />分類四
        <input name="chkItem" type="checkbox" value="分類五" />分類五
        <input name="chkItem" type="checkbox" value="分類六" />分類六
    </div>
    <div>
        <input id="btnCheckAll" type="button" value="全選" />
        <input id="btnCheckNone" type="button" value="全不選" />
        <input id="btnCheckReverse" type="button" value="反選" />
        <input id="btnSubmit" type="button" value="提交" />
    </div>
</body>

網(wǎng)站名稱：jQuery操作checkbox選擇代碼
鏈接分享：http://bm7419.com/article10/pcepdo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、域名注冊、營銷型網(wǎng)站建設(shè)、企業(yè)建站、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作