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

Question

我想知道何时选中单选按钮，它会取消选中其他对象单选按钮。我有一个对象，并且为每个对象选项创建了单选按钮。例如，为 id=SG 创建了两个单选按钮，如果没有选中，则将银行设置为默认选中，否则将相应的选定单选值设置为选中。我陷入了litelement。对于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 检查特定无线电，则应检查默认无线电选项

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>