Question

我有一个包含通过php加载的表单的html文件。在此表单中，所有输入字段都根据先前输入的值显示预选值。当我提交此加载的表单时，所有文本框和文本输入都已成功提交;但是，除非您再次单击所选值，否则不会提交单选按钮（也具有预先选择的值）。有什么方法可以解决这个问题吗？

这是我正在加载的简化html：

<form action="report" method="POST" target="_blank">
<div class="btn-group-xs" data-toggle="buttons" id="rop1-1-cons">
    <label class="btn btn-outline-primary active">
         <input type="radio" name="rop1-1-cons" id="rop1-1-cons-5" value="5" autocomplete="off">I
    </label>
</div>
<input type="text" value="Pre-selected User Input"/>
<input type="submit" value="submit"></input>
</form>

标签上有“Active”类，这意味着用户在保存表格html之前选择了这个。

我认为有必要提一下我使用引导式单选按钮（我知道，它们有奇怪的行为！）

Answer 1

将checked属性添加到输入中。

<div class="btn-group-xs" data-toggle="buttons" id="rop1-1-cons">
<label class="btn btn-outline-primary active">
     <input type="radio" name="rop1-1-cons" id="rop1-1-cons-5" value="5" autocomplete="off" checked="checked">I
</label>
</div>

预先选择的Bootstrap单选按钮不会提交

1 个答案: