預選的Bootstrap單選按鈕不會提交

Question

我有一個html文件，其中包含通過php加載的表單。 以這種形式，所有輸入字段都將基於先前輸入的值顯示預選的值。 當我提交此加載的表單時，所有文本框和文本輸入均已成功提交； 但是，除非再次單擊選定的值，否則不會提交單選按鈕（也具有預選的值）。 有什么辦法可以解決這個問題？

這是我正在加載的簡化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>