Javascript 使用jQuery更改文本输入值

我正在制作一个通讯联系表单，用户可以在该表单中检查他们想要接收通讯的主题

我想做一个文本输入，它的值将是所有复选框的值，用逗号分隔

e、 g:零售、新闻、制造业

我希望它是动态的，当用户选中一个框时，它会同时出现在文本输入中，当用户取消选中该框时，它也会同时消失，所以我认为jQuery是最简单的方法，我只是不知道怎么做

有什么想法吗

谢谢大家!

$('#my-form').on('change', 'input[type="checkbox"]', function(){
    var vals = [];
    $('#my-form').find('input[type="checkbox"]').each(function(){
         if($(this).checked())){
             vals.push($(this).val());
         }
    });
    $('#my-input').val(vals.join(', '));
});

--比如像这样的事情？（见附件）

---

以下内容将返回一个字符串，其中所有复选框的值都用逗号分隔

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

像这样的

$（文档）.ready（函数（）{
$（'.check'）。在（'change'，function（）上{
var displayVal=''；
$（'.check:checked'）。每个（函数（）{
displayVal+=$（this.val（）+'，'；
});
displayVal=displayVal.slice（0，-2）；
$（'.display'）.val（displayVal）；
});
});

蓝色

红色

白色



那么，当您第一次启动时，您在哪里遇到了问题？我知道如何使其仅获得一个复选框值，但没有获得很多复选框值并用逗号分隔。到目前为止，您尝试了什么？你被困在哪里？您是否有一些与此相关的代码？抱歉，我在询问之前确实搜索了解决方案，但找不到。但是，是的，它是重复的：/经过必要的修改，它就像一个符咒！非常感谢。我知道你做了什么，也不了解，但不幸的是，我不知道为什么，但谢谢你的帮助！
var allChecked = $('input[type="checkbox"]:checked').map(function(){
    return this.value
}).get().join(', ');