Question

我需要有关组合文本框输出的代码的帮助。

一个。输入：用户应在不同的复选框选项中进行选择。

B中。输出：所选文本字符串应集中到更新的文本框。当选中复选框时，文本框应立即更新，因此您将直接查看最终结果。

℃。传输：通过单击按钮，文本框的内容应复制到内存中，以便以后插入其他软件中。

有什么建议吗？

Answer 1

一个。输入

您想要编写一些代码来收听复选框事件，我建议您查看javascript。 Javascript是一种可在所有主流Web浏览器中使用的编程语言。（这是你唯一的选择）。 https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics 如果您是js的新用户，请尝试进行一些谷歌搜索，例如＆＃34;通过js＆＃34中的复选框更改获取事件;

B中。产量当您的代码收到复选框事件时，您希望它循环选中复选框，找出检查的复选框，然后编写一个字符串。然后代码可以将该字符串插入文本字段。

您还可以找出更改的内容，并根据该内容决定如何更改现有文本，或者记住生成输出的复选框的复选框状态。这会更快，但可能会使事情变得复杂。

℃。我假设你的意思是复制到剪贴板......看看这个库！ https://clipboardjs.com/

Answer 2

<!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>

您可以使用上面代码段中给出的纯javascript方式将文本复制到剪贴板。

复选框和组合文本输出

2 个答案: