选中多个单选按钮，取消选中单选按钮组

Question

我想知道当选中单选按钮时，它取消选中其他对象单选按钮。我有一个对象，对于每个对象选项，都会创建单选按钮。

例如，对于id = SG，将创建两个单选按钮，如果未选中，则将bank设置为默认选中，否则将相应的所选无线电值设置为已选中。

我被困在文字中。

对于每个obj无线电选项都会生成，默认情况下会选中第一个选项，但如果我选中creditobj的选项SG，则取消选中默认选项 TH

const 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的特定无线电，则应检查默认无线电选项

Answer 1

尝试将复选框组的名称更改为类似的名称&nbsp;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>