如何根据文本框中的复选框添加逗号分隔值？答案

【问题标题】：How to add comma seperated values according to the checkboxes in textbox?如何根据文本框中的复选框添加逗号分隔值？
【发布时间】：2010-11-08 04:32:29
【问题描述】：

我有 3 个复选框和 1 个文本框

我只使用上面提到的这些控件..

我想要----当我选中 checkbox1 和 checkbox2 时，它会在 textbox1 中显示为 1,2，因为它是相同的升序，而不是 1,2 或 2,1，

我在 asp.net (VB) 中使用这种类型的编码，我想将这种编码用于 45 个复选框............

任何人都可以在 asp.net (vb) 中解决这个问题

【问题讨论】：

你能把你的问题说清楚一点吗？我觉得你的第二段真的很混乱！！
我已经编辑了我的问题，看看！！
你想让数字A.总是按数字顺序出现。 B. 出现在被选中的序列中。 C. 别的东西。 ??
表示如果我选中了 checkbox1 和 checkbox2 然后在 textbox1 中它将显示为 1,2
其实这并没有真正回答马克的问题。

标签： javascript asp.net vb.net

【解决方案1】：

JS 解决方案（需要适应您的标记），因为问题标记为javascript

<html>
<head>
    <title>S.O. 4121588</title>
    <script type="text/javascript">
        var gMax = 45; 

        function $(aId) {
            return document.getElementById(aId);
        }

        // generates gMax checkboxes with value from 1 to gMax 
        function onload() {
            var form = $('theForm');

            for (var i = 1; i != gMax; i++) {
                var cb = document.createElement('input');
                cb.setAttribute('type', 'checkbox');
                cb.setAttribute('id', 'checkbox-' + i);
                cb.setAttribute('value', i);
                form.appendChild(cb);
            }
        }

        // update the result textarea
        function updateResult() {
            var num = [ ];

            for (var i = 1; i != gMax; i++) {
                var cb = $('checkbox-' + i);

                if (cb.checked) {
                    num.push(cb.getAttribute('value'));
                }
            }

            $('result').innerHTML = num.join(", ");
        }
    </script>
</head>
<body onload='onload()'>
    <form id="theForm"></form>
    <input type="button" id="resultBtn" value="Result"
        onclick="updateResult()" />
    <br/>
    <textarea id="result"></textarea>
</body>
</html>

在 Chrome 9.0.570.1 dev 下测试

【讨论】：

如何在 vb.net 中使用这个？
看起来，您使用的是原型。为什么不创建像new Element("input", {"type": "checkbox", "id": "checkbox-" + i, "value": i}); 这样的输入。
@philgiese，我不知道。 @user，你的项目中没有 html 吗？
嘿，但是我已经在 webform 中有 3 个复选框和 1 个文本框，我只是想要那个.....当我有人检查 1 和 2 复选框时，它会在文本框中显示为 1,2，这就是简单的过程我需要....
@user，我没有任何复选框，也没有您的网络表单，所以我需要生成它们。使gMax 适应您的复选框数量；将复选框的 id 更改为 checkbox-N 其中 N 是 1,2,3 ；将文本框的 id 更改为 result 并删除 onLoad 即可。或者，您可以发布您的标记。作为旁注，您应该知道这是一个“帮助”网站，而不是“做我的工作”网站..