动态增加CheckBoxList选项

最新推荐文章于 2023-12-01 14:46:39 发布

albert528108

最新推荐文章于 2023-12-01 14:46:39 发布

阅读量3.9k

点赞数

CC 4.0 BY-SA版权

分类专栏：项目常用代码文章标签： input function

本文链接：https://blog.youkuaiyun.com/albert528108/article/details/4207075

项目常用代码专栏收录该内容

22 篇文章

订阅专栏

function change(e) {
var value = e.value;
var cb = document.getElementById("cbFunction");

            //清空
            while (cb.rows.length > 0)
            {
                for (var i = 0; i < cb.rows.length; i++)
                {
                    cb.rows[i].removeNode(true);
                }
            }
            for (var i = 1; i <= 12; i++)
            {
                switch (i)
                {
                    case 1:
                        var tr = cb.insertRow();
                        var td = tr.insertCell();
                        td.innerHTML = " <span id='" + i + "'><input id='" + i + "' type='checkbox' value='" + i + "' onclick='Check(this)'/> <label for='CheckBoxList1_1'>网吧</label></span>";
                        break;
                    case 2:
                        var td = tr.insertCell();
                        td.innerHTML = " <span id='" + i + "'><input id='" + i + "' type='checkbox' value='" + i + "' onclick='Check(this)'/> <label for='CheckBoxList1_1'>篮球场</label></span>";
                        break;
                    case 3:
                        var td = tr.insertCell();
                        td.innerHTML = " <span id='" + i + "'><input id='" + i + "' type='checkbox' value='" + i + "' onclick='Check(this)'/> <label for='CheckBoxList1_1'>健身房</label></span>";
                        break;
                    case 4:
                        var td = tr.insertCell();
                        td.innerHTML = " <span id='" + i + "'><input id='" + i + "' type='checkbox' value='" + i + "' onclick='Check(this)'/> <label for='CheckBoxList1_1'>医务室</label></span>";
                        break;
                    case 5:
                        var td = tr.insertCell();
                        td.innerHTML = " <span id='" + i + "'><input id='" + i + "' type='checkbox' value='" + i + "' onclick='Check(this)'/> <label for='CheckBoxList1_1'>电影院</label></span>";
                        break;
                    case 6:
                        var td = tr.insertCell();
                        td.innerHTML = " <span id='" + i + "'><input id='" + i + "' type='checkbox' value='" + i + "' onclick='Check(this)'/> <label for='CheckBoxList1_1'>电视房</label></span>";
                        break;
                    case 7:
                        var tr = cb.insertRow();
                        var td = tr.insertCell();
                        td.innerHTML = " <span id='" + i + "'><input id='" + i + "' type='checkbox' value='" + i + "' onclick='Check(this)'/> <label for='CheckBoxList1_1'>卡拉OK厅</label></span>";
                        break;
                    case 8:
                        var td = tr.insertCell();
                        td.innerHTML = " <span id='" + i + "'><input id='" + i + "' type='checkbox' value='" + i + "' onclick='Check(this)'/> <label for='CheckBoxList1_1'>酒吧</label></span>";
                        break;
                    case 9:
                        var td = tr.insertCell();
                        td.innerHTML = " <span id='" + i + "'><input id='" + i + "' type='checkbox' value='" + i + "' onclick='Check(this)'/> <label for='CheckBoxList1_1'>邮局</label></span>";
                        break;
                    case 10:
                        var td = tr.insertCell();
                        td.innerHTML = " <span id='" + i + "'><input id='" + i + "' type='checkbox' value='" + i + "' onclick='Check(this)'/> <label for='CheckBoxList1_1'>自助银行</label></span>";
                        break;
                    case 11:
                        var td = tr.insertCell();
                        td.innerHTML = " <span id='" + i + "'><input id='" + i + "' type='checkbox' value='" + i + "' onclick='Check(this)'/> <label for='CheckBoxList1_1'>小型商场</label></span>";
                        break;
                    case 12:
                        var td = tr.insertCell();
                        td.innerHTML = " <span id='" + i + "'><input id='" + i + "' type='checkbox' value='" + i + "' onclick='Check(this)'/> <label for='CheckBoxList1_1'>阅览室</label></span>";
                        break;
                }
            }
            if (value == "1") {
                document.getElementById("function").style.display = "inline";
            }
            else {
                document.getElementById("function").style.display = "none";
            }
        }
        function Check(sender) {
            if (sender.checked) {
                document.getElementById("hfFunction").value += sender.value + ",";
            }
            else {
                document.getElementById("hfFunction").value = document.getElementById("hfFunction").value.replace(sender.value + ",", "");
            }
        }