How to add comma seperated values according to the checkboxes in textbox?_问答_开发者

How to add comma seperated values according to the checkboxes in textbox?

开发者 https://www.devze.com 2023-01-24 03:20 出处：网络

I have 3 checkboxes and 1 textbox i use only these controls mentioned above .. I want ---- when i check checkbox1 and checkbox2 then it will display in textbox1 as 1开发者_JAVA技巧,2 as it is as the

I have 3 checkboxes and 1 textbox

i use only these controls mentioned above ..

I want ---- when i check checkbox1 and checkbox2 then it will display in textbox1 as 1开发者_JAVA技巧,2 as it is as the same ascending order not 1,2, or 2,1,

I use this type of coding in asp.net (VB) , i wanna use this coding for 45 checkboxes........

Can anybody solve this problem in asp.net (vb)

JS solution (needs adaptation to your markup) as question is tagged with 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>

Tested under Chrome 9.0.570.1 dev