Checkbox 将复选框ID输出到空div

Checkbox 将复选框ID输出到空div,checkbox,Checkbox,我目前正在建立一个关键字库,以协助标记我的内部设计资产。我的想法是将每个关键字作为复选框表单元素,在底部有一个空div。您将浏览整个列表,检查您需要什么,分配给该复选框id的文本将填充在空div中,用逗号分隔,我可以直接将该文本复制/粘贴到元数据中。我计划有几百个,所以我希望有一个简单的解决办法 我在设置html表单/复选框方面没有问题,但我不确定如何将此文本填充到该空div中,或者即使可能。我会使用jQuery吗?AJAX我也不需要提交按钮,只要在每次点击复选框时立即更新div即可。我是否还需

我目前正在建立一个关键字库,以协助标记我的内部设计资产。我的想法是将每个关键字作为复选框表单元素,在底部有一个空div。您将浏览整个列表,检查您需要什么,分配给该复选框id的文本将填充在空div中,用逗号分隔,我可以直接将该文本复制/粘贴到元数据中。我计划有几百个,所以我希望有一个简单的解决办法

我在设置html表单/复选框方面没有问题,但我不确定如何将此文本填充到该空div中,或者即使可能。我会使用jQuery吗?AJAX我也不需要提交按钮,只要在每次点击复选框时立即更新div即可。我是否还需要使用submit按钮进行服务器端通信才能使其正常工作

提前非常感谢您提供的任何帮助或为我指出的任何方向。

这里是一个工作指南

你需要的基本上是这样的:

$( ":checkbox" ).click(function() {
       //alert($( this ).val());
        $("#myText").append($(this).val() + ";");    
});

你可以忘记警报。这将添加分配给div中复选框的值,后跟一个coma.:

我真的非常感谢你!这个效果很好!我还有一个问题,如果有人改变主意并取消复选框,是否有办法删除div中的值?我假设只是复制代码并将“append”更改为其他内容?是的,我想您可以检查复选框是否已选中,并执行类似$myText的操作。如果未选中,则替换$this.val