Bootstrap 单选按钮不切换

mac*_*kay 4 html javascript jsp twitter-bootstrap

我目前正在尝试设置一些引导单选按钮。该代码看起来与 Bootstrap 示例中的代码类似,但不会触发该事件来将标签设置为活动状态。\n这是我的代码:

\n\n
<div id="mergeType" class="btn-group">\n    <label for="radio1" class="btn btn-sm btn-success">\n        <input type="radio" name="mergeType" id="radio1" value="OVW">\xc3\x9cberschreiben\n    </label>\n    <label for="radio2" class="btn btn-sm btn-success">\n        <input type="radio" name="mergeType" id="radio2" value="ADD">Hinzuf\xc3\xbcgen\n    </label>\n    <label for="radio3" class="btn btn-sm btn-success">\n        <input type="radio" name="mergeType" id="radio3" value="KEE">Gefunde behalten\n    </label>\n    <label for="radio4" class="btn btn-sm btn-success">\n        <input type="radio" name="mergeType" id="radio4" value="DEL" checked="checked">Gefundene entfernen\n    </label>\n</div>\n
Run Code Online (Sandbox Code Playgroud)\n\n

我没有对 JavaScript 后端的单选按钮执行任何操作。这里可能有什么问题?

\n

SES*_*ESN 5

您没有添加 jquery 插件:\n这是有效的答案

\n\n

https://jsfiddle.net/sesn/wLvzd193/2/

\n\n

你的html没有任何问题

\n\n
<div class="btn-group" data-toggle="buttons">\n  <label class="btn btn-sm btn-success active">\n    <input type="radio" name="mergeType" id="radio1" value="OVW">\xc3\x9cberschreiben\n  </label>\n  <label class="btn btn-sm btn-success">\n    <input type="radio" name="mergeType" id="radio2" value="ADD" checked>Hinzuf\xc3\xbcgen\n  </label>\n  <label class="btn btn-sm btn-success">\n    <input type="radio" name="mergeType" id="radio3" value="KEE">Gefunde behalten\n  </label>\n  <label class="btn btn-sm btn-success">\n    <input type="radio" name="mergeType" id="radio4" value="DEL">Gefundene entfernen\n  </label>\n</div>\n\n<div class="btn-group" data-toggle="buttons">\n  <label class="btn btn-primary active">\n    <input type="radio" name="options" id="option1" autocomplete="off" checked> Radio 1 (preselected)\n  </label>\n  <label class="btn btn-primary">\n    <input type="radio" name="options" id="option2" autocomplete="off"> Radio 2\n  </label>\n  <label class="btn btn-primary">\n    <input type="radio" name="options" id="option3" autocomplete="off"> Radio 3\n  </label>\n</div>\n
Run Code Online (Sandbox Code Playgroud)\n