已为小白,啥都不懂 2022-01-14 13:52 采纳率: 98%
浏览 37
已结题

从复选框获取值并将它们发送到输入文本,有没有这样的小dom 原生的写法

我试图在检查输入后立即提取所有输入值,并将它们打印在将通过邮件发送的输入文本中。因为我只能打印该输入中的最后一个选项,而不是三个。
我认为错误是我应该在 for 循环之外捕获结果,但我不知道该怎么做。



 const groupInput1 = document.getElementsByName('glassLeistung');
 const output = document.getElementById('glassType');
 const go = document.getElementById('go');
 
  go.addEventListener("click", event => {

    for (let i = 0; i < groupInput1.length; i++) {
       if (groupInput1[i].checked) {
           console.log(groupInput1[i].value);
           output.value = groupInput1[i].value + ''
       }

    }
  })

<input type="checkbox" class="selected" id="glass" name="glassLeistung"
value="Glass" autocomplete="off">
                                                       
<input type="checkbox" id="rahmen" class="selected" name="glassLeistung"
value="Rahmen" autocomplete="off">
                                                       
<input type="checkbox" id="falzen" class="selected" name="glassLeistung"
value="Falzen" autocomplete="off">



<input type="text" name="glassType-420" value="" size="40"  id="glassType" aria-invalid="false">

<button id="go">go</button>

  • 写回答

1条回答 默认 最新

  • 几何心凉 2022年度博客之星前端领域TOP 1 2022-01-14 13:55
    关注
    
    <input type="checkbox" class="selected" id="glass" name="glassLeistung"
    value="Glass" autocomplete="off">
                                                           
    <input type="checkbox" id="rahmen" class="selected" name="glassLeistung"
    value="Rahmen" autocomplete="off">
                                                           
    <input type="checkbox" id="falzen" class="selected" name="glassLeistung"
    value="Falzen" autocomplete="off">
    
    
    
    <input type="text" name="glassType-420" value="" size="40"  id="glassType" aria-invalid="false">
    
    <button id="go">go</button>
    
    
    const groupInput1 = document.getElementsByName('glassLeistung'); 
    const output = document.getElementById('glassType'); 
    const go = document.getElementById('go'); 
    go.addEventListener("click", event => {
     output.value='' for (let i = 0; i < groupInput1.length; i++) {
     if (groupInput1[i].checked)
     { console.log(groupInput1[i].value); 
    output.value = output.value + groupInput1[i].value + ' ' }
     }
     })
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 1月22日
  • 已采纳回答 1月14日
  • 修改了问题 1月14日
  • 创建了问题 1月14日

悬赏问题

  • ¥15 如何让企业微信机器人实现消息汇总整合
  • ¥50 关于#ui#的问题:做yolov8的ui界面出现的问题
  • ¥15 如何用Python爬取各高校教师公开的教育和工作经历
  • ¥15 TLE9879QXA40 电机驱动
  • ¥20 对于工程问题的非线性数学模型进行线性化
  • ¥15 Mirare PLUS 进行密钥认证?(详解)
  • ¥15 物体双站RCS和其组成阵列后的双站RCS关系验证
  • ¥20 想用ollama做一个自己的AI数据库
  • ¥15 关于qualoth编辑及缝合服装领子的问题解决方案探寻
  • ¥15 请问怎么才能复现这样的图呀