Bootstrap4 单选表单有一个错误答案

【问题标题】：Bootstrap4 radio form has a bugBootstrap4 单选表单有一个错误
【发布时间】：2020-06-14 18:52:28
【问题描述】：

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

代码：

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

【问题讨论】：

请将您的代码添加到问题中。
Please don't post screenshots 的文本。它们无法被搜索或复制，并且可用性差。相反，paste the code as text directly into your question.

标签： bootstrap-4

【解决方案1】：

您应该有不同的名称值。

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

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

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

【讨论】：