Html 在下一个字段集中取消选择单选按钮

我用PHP和Laravel创建了一个动态页面，不得不做一些更改。其中之一是为每张卡添加另一个单选按钮选项。该卡的代码如下：

<div class="card" style="margin:10px;">
    <img src="storage/1576967030.jpg" class="card-img-top" alt="...">
    <div class="card-body">
        <h5 class="card-title">Group A</h5>
        <p class="card-text"><small class="text-muted">For 1 day</small></p>
        <label class="form-check-label" for="groupA">
            <p class="card-text">7.49€ <small class="text-muted"> Basic insurance</small></p>
        </label>
        <input class="form-check-input" type="radio" name="groups" id="groupA" value="A" tabindex="0">
        <label class="form-check-label" for="groupAinsurance">
            <p class="card-text">14.99€ <small class="text-muted">Full insurance</small></p>
        </label>
        <input class="form-check-input" type="radio" name="groups" id="groupAinsurance" value="A+insurance" tabindex="0">
    </div>
</div>

A组
一天
7.49欧元基本保险
14.99欧元全额保险

当我点击表格中的“下一步”按钮，进入下一个字段集时，从任何卡中选择的任何选项都将被取消选择

有什么我不知道的错误吗

感谢您的帮助

谢谢，

---

mikeysantana

我相信当你点击“下一步”按钮时，HTML会被重新加载，默认情况下，你提到的选项不会被选中。当你点击“下一步”时，你提到的卡片是否会从页面中删除？

哦，不，我不会重新加载页面。正如您所说，使用jsp可以从页面中删除元素。您是在删除div，还是在执行类似于：display:none的操作@MiguelSantanaI使用jQuery的show（）和hide（）方法，所以如果您试图手动隐藏它，我会说display:none，使用类似：$（“#cardToHide”）.css（“display”，“none”）；这些选项还会被取消选择吗@米盖尔桑塔纳威尔。。。它们确实会被识别，直到最后，服务器用参数捕捉到值，如您所说。