Jquery 如何自动从不同的复选框直接输出？
我已经有了在选择不同的复选框后提取直接屏幕输出的代码。但是，我希望输出的文本可以用一些格式进行分类（见图）：根据选中的复选框编号1/2/3/4，国家1/2/3/4应该在单独的行上，如果可能的话，我希望删除一些多余的逗号Jquery 如何自动从不同的复选框直接输出？,jquery,html,checkbox,Jquery,Html,Checkbox,我已经有了在选择不同的复选框后提取直接屏幕输出的代码。但是，我希望输出的文本可以用一些格式进行分类（见图）：根据选中的复选框编号1/2/3/4，国家1/2/3/4应该在单独的行上，如果可能的话，我希望删除一些多余的逗号 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> <script> $(document).ready(f
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script>
<script>
$(document).ready(function(){
$("input[name='A']").change(function(){
var checkedCountries = $("input[name='A']: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>
<div class="mainpage_box"><h3><input type="checkbox" name="A" value="COUNTRY 1:"><span>COUNTRY 1:</span></h3>
<div id="mainpage-admins" title="System administrators" class="items">
<input type="checkbox" name="A" value="America">America<br>
<input type="checkbox" name="A" value="Burma">Burma<br>
<input type="checkbox" name="A" value="China">China<br>
<input type="checkbox" name="A" value="Denmark">Denmark<br>
<input type="checkbox" name="A" value="England">England<br>
<input type="checkbox" name="A" value="France">France<br>
</div></div>
<div class="mainpage_box"><h3><input type="checkbox" name="A" value="COUNTRY 2:"><span>COUNTRY 2:</span></h3>
<div id="mainpage-admins" title="System administrators" class="items">
<input type="checkbox" name="A" value="America">America<br>
<input type="checkbox" name="A" value="Burma">Burma<br>
<input type="checkbox" name="A" value="China">China<br>
<input type="checkbox" name="A" value="Denmark">Denmark<br>
<input type="checkbox" name="A" value="England">England<br>
<input type="checkbox" name="A" value="France">France<br>
</div></div>
<textarea id="countryList" rows="20" cols="150"></textarea></br>
$（文档）.ready（函数（）{
$（“输入[name='A']”）。更改（函数（）{
var checkedCountries=$（“输入[name='A']：选中”）；
var国家=[]；
对于（var i=0；i而言，如果您向国家/地区类别字段添加一个类，然后相应地调整分隔符字符串，则可以很容易地完成此操作
$（文档）.ready（函数（）{
$（“输入[name='A']”）。更改（函数（）{
var checkedCountries=$（“输入[name='A']：选中”）；
var国家=[]；
对于（变量i=0；i
国家1：
美国
缅甸
中国
丹麦
英格兰
法国
国家2：
美国
缅甸
中国
丹麦
英格兰
法国
亲爱的Arleigh Hix，非常感谢您给出了这个漂亮的答案，您的代码工作得非常完美。如果不太麻烦，我还想知道是否可以将类别设置为粗体（即国家1、2、3和4）并在每个类别后插入一个换行符，因此，例如COUNTRY 1将独立，以粗体作为标题。提前谢谢。@Dan我编辑了我的答案，在每个类别后插入一个换行符，但如果您希望类别以粗体显示，则需要构建一个html元素，而不是textarea值字符串。这有意义吗？