使用 DOM 操作选择列表中的项目答案

【问题标题】：Select an item on a list with DOM manipulation使用 DOM 操作选择列表中的项目
【发布时间】：2018-07-11 17:24:06
【问题描述】：

document.getElementsByClassName('input-wrapper')

结果

The result

有没有办法通过 dom 操作来选择离子列表的第二项？

尝试使用选定的索引不起作用

【问题讨论】：

document.getElementsByClassName('input-wrapper')[1]?

标签： javascript angular typescript ionic-framework

【解决方案1】：

使用可以选择带索引的第二项，检查sn-p

var el = document.getElementsByClassName('input-wrapper');
Object.keys(el).forEach(item=>{
 el[item].addEventListener('click' ,()=>{
  el[item].children[0].checked = !el[item].children[0].checked
  console.log(el[item]);  
})
})

<div class="input-wrapper">1 label <input type="radio" value="select"> Label</div>
<div class="input-wrapper">2 label <input type="radio" value="select"> Label</div>
<div class="input-wrapper">3 label
  <input type="radio" value="select"> Label
</div>
<div class="input-wrapper">4 label <input type="radio" value="select"> Label </div>
<div class="input-wrapper">5 label <input type="radio" value="select"> Label </div>
<div class="input-wrapper">6 label <input type="radio" value="select"> Label </div>

【讨论】：

有没有办法选择单选按钮？
你的html中的单选按钮在哪里，提供html或sn-p
@julia456124645 现在检查sn-p
太棒了，我可以得到我的元素，但如何选择它？（就像我用鼠标做的那样）
添加事件监听器