获取表单提交复选框并将值插入textarea

Question

我遇到表格问题！

下图是我希望如何设置界面。基本上它由textarea组成，然后是一个带有“Submit”按钮的表单，然后是一个下拉框。 红色轮廓框是一个div，其内容根据从下拉框中选择的值而变化，其下拉框的当前值为“播放器”。

我似乎无法使以下行为起作用：根据单击的复选框的数量，在按下“保卫”按钮后，在textarea中输出一定数量的短语。

谢谢你的时间！

Answer 1

以下是可能有用的示例（您需要根据自己的需要进行更改）：

<script type = "text/javascript">
function checkboxes()
{
if(document.getElementById('checkbox_1_id').checked&&document.getElementById('checkbox_2_id').checked == false)
{
document.getElementById('textarea_id').value = "First checkbox has been checked";
}
else if(document.getElementById('checkbox_1_id').checked == false&&document.getElementById('checkbox_2_id').checked)
{
document.getElementById('textarea_id').value = "Second checkbox checked";
}
else if(document.getElementById('checkbox_1_id').checked&&document.getElementById('checkbox_2_id').checked)
{
document.getElementById('textarea_id').value = "Both checkboxes checked";
}
}
</script>

<input type = "checkbox" id = "checkbox_1_id" >
<input type = "checkbox" id = "checkbox_2_id" >
<input type = "button" onclick = "checkboxes()" value = "defend">