已为小白,啥都不懂 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 用windows做服务的同志有吗
  • ¥60 求一个简单的网页(标签-安全|关键词-上传)
  • ¥35 lstm时间序列共享单车预测,loss值优化,参数优化算法
  • ¥15 Python中的request,如何使用ssr节点,通过代理requests网页。本人在泰国,需要用大陆ip才能玩网页游戏,合法合规。
  • ¥100 为什么这个恒流源电路不能恒流?
  • ¥15 有偿求跨组件数据流路径图
  • ¥15 写一个方法checkPerson,入参实体类Person,出参布尔值
  • ¥15 我想咨询一下路面纹理三维点云数据处理的一些问题,上传的坐标文件里是怎么对无序点进行编号的,以及xy坐标在处理的时候是进行整体模型分片处理的吗
  • ¥15 一直显示正在等待HID—ISP
  • ¥15 Python turtle 画图