我需要有关组合文本框输出的代码方面的帮助。
See this picture with the final result
A.输入：用户应该在不同的复选框选项中进行选择。
B.输出：选定的文本字符串应该集中到一个更新的文本框中。选中复选框后，文本框应立即更新，因此您将直接查看最终结果。
C.传输：通过单击按钮，文本框的内容应复制到内存中，以便稍后插入其他软件。
有什么建议吗？
【问题讨论】：
标签： javascript php jquery forms checkbox
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("input[name='country']").change(function(){
var checkedCountries = $("input[name='country']:checked");
var countries = [];
for(var i = 0; i<checkedCountries.length; i++) {
countries.push(checkedCountries[i].value + ".");
}
$("#countryList").val(countries.join(" "));
});
$("#copyBtn").click(function() {
var copyText = document.getElementById("countryList");
copyText.select();
document.execCommand("Copy");
alert("Copied the text: " + copyText.value);
});
});
</script>
</head>
<body>
<input type="checkbox" name="country" value="America">America<br>
<input type="checkbox" name="country" value="Burma">Burma<br>
<input type="checkbox" name="country" value="China">China<br>
<input type="checkbox" name="country" value="Denmark">Denmark<br>
<input type="checkbox" name="country" value="England">England<br>
<input type="checkbox" name="country" value="France">France<br>
<textarea id="countryList"></textarea></br>
<input type="button" id="copyBtn" value="Copy Country List"/>
</body>
</html>
您可以使用上面 sn-p 中给出的纯 javascript 方式将文本复制到剪贴板。
【讨论】：
A.输入
您需要编写一些代码来监听复选框事件，我建议您研究一下 javascript。 Javascript 是一种在所有主要网络浏览器中都可用的编程语言。 （这几乎是您唯一的选择）。 https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics 如果您是 js 新手，请尝试在 Google 上搜索“从 js 中的复选框更改中获取事件”之类的内容
B.输出 当您的代码收到一个复选框事件时，您会希望它遍历复选框，找出哪些复选框被选中，然后组成一个字符串。然后代码可以将该字符串插入到文本字段中。
您还可以找出更改了哪一项，并据此决定如何更改现有文本，或者记住复选框的复选框状态以生成输出。这会更快，但可能会使事情变得过于复杂。
C.我假设您的意思是复制到剪贴板...看看这个库！ https://clipboardjs.com/
【讨论】：