Question

我有一个使用Bootstrap 3的PHP应用程序。如果在表单中我使用'radio'，在用户提交并回溯历史记录后，最后选择的选项将继续检查，但是当使用“”时，我无法检索选择了最后一个选项，因为“标签”中的“活动”在默认选项上继续。

<div>
    <input type="radio" name="gender1" value="male" checked>Male
    <input type="radio" name="gender1" value="female"> Female
    <input type="radio" name="gender1" value="other"> Other
</div>


<div class="btn-group btn-radio" data-toggle="buttons">
<label class="btn btn-primary active">
    <input name="gender2" value='male' type="radio" checked>Male
</label>
<label class="btn btn-primary">
    <input name="gender2" value='female' type="radio">Female
</label>
<label class="btn btn-primary">
    <input name="gender2" value='other' type="radio">Other
</label></div>

睾丸中

Answer 1

如果您可以使用LocalStorage来保留最后一个有效的已检查无线电，那么解决方案就可以（在文档就绪）：

var gender1 = localStorage.getItem('gender1');

if (gender1 == null) {
  localStorage.getItem('gender1', $(':radio:checked').val());
} else {
  $(':radio[value="' + gender1 + '"]').prop('checked', true);
}

$(':radio').on('change', function(e) {
  localStorage.setItem('gender1', this.value);
});

相反，如果您想保留默认值：

$(':radio[value="male"]').prop('checked', true);

Bootstrap 3提交后如何保持活动的最后一个btn-group无线电？

1 个答案: