javascript - 使用 jQuery 更改文本输入值

Question

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

我想创建一个文本输入，其值将是所有选中框的值，以逗号分隔。

例如:零售、新闻、制造业

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

有什么想法吗？

谢谢!

Answer 1

有这样的事吗？ (参见demo here)

$('input').on('change', function(){
   var res = "";

   $('input:checked').each(function(){
       res += $(this).val()+", ";
   });

   res = res.slice(0,-2);
   $('#result').text(res);
});