使用javascript在文本字段中打印多个变量

我使用HTML创建了一个表单，现在我需要显示用户使用文本字段中的复选框选择的文本 我尝试了，但它只显示一个选定的项目

有人能解决这个问题吗？这样我就可以在textfield中打印多个名字了

功能myFun（附加功能）{
document.getElementById（“check”）.value=extras；
}

额外费用

婴儿座椅


轮椅通道


股票提示

功能myFun（附加功能）{
常量值=document.getElementById（“检查”）.value
document.getElementById（“check”）.value=value+“”+extras；
}

额外费用

婴儿座椅


轮椅通道


股票提示

此示例使用复选框项并检查它们是否已选中，以及它们是否。。。将其添加到列表中。如果删除该复选框，则该项目将从列表中删除

我将类添加到复选框

class=“checkb”

。每次单击复选框时，脚本都会获取该类的所有元素，并检查它们是否被选中

示例：

函数myFun（）{
var x=document.getElementById（“检查”）；
x、 值=“”；
var check=document.getElementsByClassName（'checkb'）；
对于（变量i=0；i

额外费用

婴儿座椅


轮椅通道


股票提示

我们可以通过使用document.querySelectorAll（）获取所有的choice输入元素来实现

这将返回一个节点列表，因此使用Array.from（）将其转换为数组

然后使用Arrays filter方法过滤掉未检查的元素，并使用Arrays map方法检索值

最后使用join方法得到一个逗号分隔的字符串。您可以将选择的任何分隔符传递给join方法

编辑：

删除了未使用的函数参数。并重新命名了该方法，以便更好地理解

参考文献：

函数onChoiceSelection（）{
const choices=Array.from（document.querySelectorAll（'.choice输入[type=“checkbox”]）；
document.getElementById（“check”）.value=choices.filter（a=>a.checked.map（a=>a.value.join（）；
}

额外费用

婴儿座椅


轮椅通道


股票提示