为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

海绵宝宝撒 2019-04-19 10:15:23
我想知道当选中单选按钮时,它取消选中其他对象单选按钮。我有一个对象,对于每个对象选项,都会创建单选按钮。例如,对于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>


查看完整回答
反对 回复 2019-05-17
  • 2 回答
  • 0 关注
  • 815 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信