单选按钮在下一个字段集中被取消选择答案

【问题标题】：Radio button gets deselected in the next fieldset单选按钮在下一个字段集中被取消选择
【发布时间】：2020-11-13 17:21:35
【问题描述】：

我正在使用 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>

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

有什么我不知道的错误吗？

感谢任何帮助。

谢谢，
米基桑塔纳

【问题讨论】：

标签： html forms twitter-bootstrap dom

【解决方案1】：

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

【讨论】：

哦不，我不重新加载页面。正如您所说，使用 JS 从页面中删除元素
您是在删除 div，还是在执行以下操作：display:none？ @MiguelSantana
我正在使用 jQuery 的 show() 和 hide() 方法，所以我会说 display:none
如果您尝试手动隐藏它，使用类似： $("#cardToHide").css("display", "none");选项会被取消吗？ @MiguelSantana
嗯...直到最后他们确实得到了认可，并且服务器使用您所说的参数捕获了值。