Html Bootstrap3单选按钮不适用于键盘

我正在使用Bootstrap3、html、css和php。如果可能的话，我不会使用javascript或jquery

我想用几个问题做一个表格，答案是：是，不是，没有回答。Bootstrap3有一些单选按钮，看起来很理想，如果我用鼠标的话，效果也很好。但如果我按下按钮并按空格键，引导程序似乎严重损坏。按钮值未过帐。或者，如果我单击Yes按钮，然后使用箭头键更改为No，然后提交表单，Yes值仍然会被发布。这是在Linux Mint上的Firefox 36.0上实现的

有人知道如何使单选按钮与键盘配合使用吗

下面是示例代码（test2.php）：

问题:
对
不
点击提交申请

显示发布的值和单选按钮。我把我放在网站上的所有样式都删掉了

单击Yes按钮，选择Yes按钮（阴影中的细微变化——我有一些CSS使其更明显，但问题没有出现），然后在提交时，发布值“Yes”。单击No，然后Submit，显示发布的“No”。只需单击提交，没有发布值。到目前为止还不错

接下来，在新表单上，我按Tab键。第一个问题：我看不出哪个控件具有焦点。我按空格键。选择“是”。啊哈-这才是重点。单击提交。但是发布的值是空的

接下来，单击是。按Tab键，右箭头。现在选择了“否”按钮。单击提交。发布的值为“是”-与用户应该期望的完全相反

---

我担心人们可能会让单选按钮显示某些答案，然后提交表格，错误的答案被记录下来。对于过去记录的内容，我无能为力，但我如何防止将来发生这种情况？

很抱歉回答我自己的问题，但我在其他地方看到一篇文章，至少部分解决了这个问题

在TurboKia的一篇文章中，他在文章中替换了中的“标签”

是

带“按钮”，即

是

我不明白。当我在Bootstrap中查找如何进行单选按钮组时，例如。 上面说要用。但这个方法似乎确实有效。唯一的问题是：不可能看到被聚焦的按钮和被选择的按钮之间的差异。但我有一个小图像，透明背景上有一个浅色的记号，我用它作为所选按钮的背景：

<style>
  .btn-group > .btn-tick.active
  {
    background-image:url('images/TickMark_Light.png');
    background-repeat:no-repeat;
  }
</style>

.btn组>.btn-tick.active
{
背景图片：url（'images/TickMark_Light.png'）；
背景重复：无重复；
}

对
不

现在，当我点击按钮时，按钮会改变颜色，但只有当它有焦点时按空格键或点击时，按钮才会被打勾。我希望这能帮我解决问题。当您使用选项卡切换到按钮时，可以看到，选定按钮和未选定按钮之间的差异不再只是细微的颜色变化-选定按钮上绘制了记号。（我会展示这个，但我没有上传照片的名声。）

这些按钮的工作原理与教程背道而驰，让我想知道会出什么问题——但现在，我看不出任何进一步的问题

对不起，我没有小提琴。我确实试过制作一个，但我根本无法让引导单选按钮组工作，无论是使用还是使用

<label class="btn btn-primary"><input type="radio" name="tstRadio" value="yes" >Yes</label>

<button class="btn btn-primary"><input type="radio" name="tstRadio" value="yes" >Yes</button>

<style>
  .btn-group > .btn-tick.active
  {
    background-image:url('images/TickMark_Light.png');
    background-repeat:no-repeat;
  }
</style>

<div class="btn-group" data-toggle="buttons">
  <button class="btn btn-primary btn-tick"><input type="radio" name="tstRadio" value="yes" >Yes</button>
  <button class="btn btn-primary btn-tick"><input type="radio" name="tstRadio" value="no" >No</button>
</div>