我使用Shopify应用程序,并希望自定义一些我不能在应用程序中做的事情.
我有4个表格,表格中有4-7个输入单选按钮
每个表单的 struct 如下:
Form 1
<div class="globo-form-control layout-2-column">
<div class="globo-form-input">
<ul class="flex-wrap">
<li class="globo-list-control option-3-column">
<div class="radio-wrapper">
<input class="radio-input" type="radio" />
<label class="radio-label">White</label>
</div>
</li>
<li class="globo-list-control option-3-column">
<div class="radio-wrapper">
<input class="radio-input" type="radio" />
<label class="radio-label">White</label>
</div>
</li>
</ul>
</div>
</div>
Form 2
the same
我如何才能为他只能 Select 一张表格的每一张表格?
我试过了,但这不管用,然后他把所有的东西都拿掉了
const rd = document.querySelectorAll('.radio-label');
rd.forEach(e => {
e.addEventListener('click', el => {
rd.forEach(e2 => {
e2.classList.remove('selected-radio');
})
e.classList.add('selected-radio');
});
});