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

Question

我想知道何时选中单选按钮，它会取消选中其他对象单选按钮。我有一个对象，并且为每个对象选项创建了单选按钮。

例如，为 id=SG 创建了两个单选按钮，如果没有选中，则将银行设置为默认选中，否则将相应的选定单选值设置为选中。

我陷入了litelement。

对于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

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