bootstrap-4 - Bootstrap4 单选表单有一个错误

Question

我想制作一个有收音机的表格，但它有一个问题。当我在第一种形式中选择无线电选择时，我在第二种形式中选择无线电选择，在第一种形式中选择无线电。

代码：

<div class="form-group">
    <label>เคยเป็นลูกค้าของ</label> <a href="https://jobbkk.com/">JOBBKK.com</a>
    <div class="custom-control custom-radio">
        <input type="radio" id="customRadio1" name="customRadio" class="custom-control-input" required>
        <label class="custom-control-label" for="customRadio1">เคย</label>
    </div>
    <div class="custom-control custom-radio">
        <input type="radio" id="customRadio2" name="customRadio" class="custom-control-input" required>
        <label class="custom-control-label" for="customRadio2">ไม่เคย</label>
    </div> 
</div>

<div class="form-group">
    <label>เคยใช้บริการ Recruitment Service</label> 
        <div class="custom-control custom-radio">
            <input type="radio" id="customRadio3" name="customRadio" class="custom-control-input" required>
            <label class="custom-control-label" for="customRadio3">เคย</label>
        </div>

        <div class="custom-control custom-radio">
            <input type="radio" id="customRadio4" name="customRadio" class="custom-control-input" required>
            <label class="custom-control-label" for="customRadio4">ไม่เคย</label>
        </div>
</div>

标签： bootstrap-4

Answer 1

您应该有不同的名称值。

表单输入元素的 ID 与元素中包含的数据无关。

• id用于将元素与 JavaScript 和 CSS 挂钩。
• name但是，在浏览器向服务器发送的 HTTP 请求中使用属性作为与 value 属性中包含的数据相关联的变量名。

https://www.w3.org/TR/html401/interact/forms.html第 17.4 章