我想知道当选中单选按钮时,它取消选中其他对象单选按钮。我有一个对象,对于每个对象选项,都会创建单选按钮。例如,对于id = SG,将创建两个单选按钮,如果未选中,则将bank设置为默认选中,否则将相应的所选无线电值设置为已选中。我被困在文字中。对于每个obj无线电选项都会生成,默认情况下会选中第一个选项,但如果我选中creditobj的选项SG,则取消选中默认选项 THconst obj= [{
id: "SG",
options: ["bank", "credit"]
},
{
id: "TH",
options: ["bank","debit"]
}];render(){
${obj.map((e)=>{return html`
<form>
${obj.options.map((option_value)=>{
return html`
<input class="form-check-input" name="sending-${country.id}" type="radio" id="provider-send-${option_value}"
value=${option_value} ?checked=${option === 'bank'} >
<label class="form-check-label">
${option_value}
</label><br>
`})}
</form>
})`;}对于每个obj,如果检查了obj的特定无线电,则应检查默认无线电选项
2 回答
陪伴而非守候
TA贡献1757条经验 获得超8个赞
尝试将复选框组的名称更改为类似的名称 sendingCountries[]
<label><input type="checkbox" name="sendingCountries[]" value="Malaysia" /> Malaysia</label>
<label><input type="checkbox" name="sendingCountries[]" value="Thailand" /> Thailand</label>
<label><input type="checkbox" name="sendingCountries[]" value="Singapore" /> Singapore</label>
<label><input type="checkbox" name="sendingCountries[]" value="USA" /> USA</label>
<label><input type="checkbox" name="sendingCountries[]" value="Ireland" /> Ireland</label>
添加回答
举报
0/150
提交
取消