如果您遇到问题，您真的应该阅读所有关于jQuery的.serialize()函数的文档。

来自**.serialize() API**：

注意事项：只有“successful controls”被序列化为字符串。由于表单不是使用按钮提交的，因此没有提交按钮值被序列化。对于要包含在序列化字符串中的表单元素的值，元素必须具有名称属性。复选框和单选按钮中的值（类型为“radio”或“checkbox”的输入）只有在选中时才包括在内。来自文件选择元素的数据不会序列化。

现在从W3关于成功控制的文档中：

对于共享相同name属性值的单选按钮，只有“on”单选按钮可能成功。
所有这些都解释了为什么它会间歇性地工作。因为有时你碰巧遇到了check单选按钮，所以它被认为是"on"，你的函数序列化了那个输入按钮。

解决方法如下：

不要使用单选按钮类型的输入，只需使用普通输入并将显示设置为无。

<div id="mode-group" class="btn-group" data-toggle="buttons">
  <label class="btn btn-primary">
    <input name="mode" id="option1" value="cash/check" style="display: none">Cash / Cheque / Bank Transfer</label>
  <label class="btn btn-primary">
    <input name="mode" id="option2" value="jobsBuddy" style="display: none">JobsBuddy Disbursement</label>
</div>

Bootply Demo

jQuery .serialize()和.serializeArray()将只解析选中的按钮。这些被称为“成功的控件”，如jQuery documentation.
如果您希望使用所有按钮都未选中的Bootstrap按钮组（如您的问题所示），则应考虑 “如果用户从未选中任何按钮会怎样？"。
因此，您应该包含一个默认选中的隐藏按钮，以便按钮组中至少有一个按钮由.serialize()或.serializeArray()解析。

<form>
  <div class="form-group">

    <!--
      This hidden checked button (with value 'none')
      will ensure that `serialize` parses at least one
      input in the button group.
    -->
    <input class="hidden" type="radio" name="color" value="none" checked>

    <div class="btn-group" data-toggle="buttons">
      <label class="btn btn-default">
        <input type="radio" name="color" value="blue" />
        <span>Blue</span>
      </label>
      <label class="btn btn-default">
        <input type="radio" name="color" value="green" />
        <span>Green</span>
      </label>
    </div>

  </div>
</form>