Jquery 将值从多个复选框选择转移到文本字段

Jquery 将值从多个复选框选择转移到文本字段,jquery,Jquery,我有一个accordion元素,它包含多个复选框,我希望任何选中这些复选框的人都可以将值转移到另一个textfield中,如果用户取消选中该框,那么textfield应该反映出更改。请帮助完成jQuery。代码如下。谢谢 <ul> <li><input type="checkbox" id="chk1"> check 1</li> <li><i

我有一个accordion元素,它包含多个复选框,我希望任何选中这些复选框的人都可以将值转移到另一个textfield中,如果用户取消选中该框,那么textfield应该反映出更改。请帮助完成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>
  • 检查1
  • 支票2
  • 支票3
  • 支票4
  • 支票5
$(文档).ready(函数(){ $(“#滑块关闭按钮”)。单击(函数(){ $('#值持有者')。前置($('#chk1'); $(“#值持有者”)。前置($(“#chk2”); $('#值持有者')。前置($('#chk3'); $(“#值持有者”)。前置($(“#chk4”); $('#值持有者')。前置($('#chk5'); }); });
在脚本中尝试这样做

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

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

您需要一些Javascript来完成此任务,在寻求帮助之前,您至少应该尝试一下。您所说的“相同格式”是什么意思?谢谢您的回答,我刚刚更改了问题并添加了代码。谢谢