Question

我有一个手风琴元素包含多个复选框，我希望任何人选中这些复选框的值可以转移到另一个文本字段，如果用户取消选中该框，则文本字段应该反映更改。请帮助jQuery。代码如下。感谢。

            <ul>
                <li><input type="checkbox" id="chk1"> check 1</li>
                <li><input type="checkbox" id="chk2"> check 2</li>
                <li><input type="checkbox" id="chk3"> check 3</li>
                <li><input type="checkbox" id="chk4"> check 4</li>
                <li><input type="checkbox" id="chk5"> check 5</li>
            </ul>
            <input name="value-holder" type="text" id="value-holder" />

            <script type="text/javascript">
            $(document).ready(function() {
                $("#SliderCloseButton").click(function(){
                    $('#value-holder').prepend( $('#chk1') );
                    $('#value-holder').prepend( $('#chk2') );
                    $('#value-holder').prepend( $('#chk3') );
                    $('#value-holder').prepend( $('#chk4') );
                    $('#value-holder').prepend( $('#chk5') );
                });
            });
            </script>

Answer 1

在您的脚本中尝试这样。

$('input[type="checkbox"]').change(function() {
    var checkedVals = $("input:checkbox:checked").map(function() {
        return this.value;
    }).get();

    $("#textbox").val(checkedVals.join(","));
});

DEMO

将多个复选框选择的值传输到文本字段

1 个答案: