首页 > 代码库 > JS：checkbox 全选及传值相关

JS：checkbox 全选及传值相关

2024-08-08 22:35:59   217人阅读


判断checkbox是否被选中、

if ($('#checkbox-id').attr('checked')) {
// do something
}
if ($("#checkbox-id")get(0).checked) {
// do something
}

if($('#checkbox-id').is(':checked')) {
// do something
}


前台传值，后台接收值

<script language="javascript" type="text/javascript">
        //打开
        function ViewCard(BelongsDept, Manufacturer) {
            //alert("aaaa");
            var url;
            var name = 'Page';
            var iWidth = 600; //弹出窗口的宽度;
            var iHeight = 450; //弹出窗口的高度;
            var iTop = (window.screen.availHeight - 30 - iHeight) / 2; //获得窗口的垂直位置;
            var iLeft = (window.screen.availWidth - 10 - iWidth) / 2; //获得窗口的水平位置;

            url = "Page.aspx?参数1=" + 参数1+ "&参数2=" + 参数2;
            w = window.open(url, name, 'height=' + iHeight + ',innerHeight=' + iHeight + ',width=' + iWidth + ',innerWidth=' + iWidth + ',top=' + iTop + ',left=' + iLeft + ',toolbar=no,menubar=no,scrollbars=yes,resizeable=no,location=no,status=no');
            //打开仪表卡窗体,置前
            w.focus();
        }
    </script>


string str1 = Request["参数1"] ;
string str2 = Request["参数2"] ;


JQuery控制全选，及子项

    <script language="javascript" type="text/javascript">
        //CheckBox事件
        $(function () {
            //全选按钮选择，如果全选按钮为选择状态，遍历CHECKBOX,设置选择状态
            $("#checkAll").click(function () {
                var BoolSel = $(this).attr("checked");
                $("input[type=checkbox][name=checkItem]").each(function (n, v) {
                    v.checked = BoolSel;
                });
            });
        });
    </script>
<input id="checkAll" type="checkbox" />

这里有个问题，遍历时，若子项与后台有交互，则name值会改变成与该ID同值，导致遍历失败

</pre><p></p><p>清空Session</p><p>注销或退出登录，再或者 登陆前清空</p><p><pre class="csharp" name="code">            if (!IsPostBack)
            {
                Session.Clear();
                Session.Abandon();
            }

PS：本文仅为记录交流，不做他用。

未经允许，不得转载。





JS：checkbox 全选及传值相关


联系
我们