将复选框变成漂亮切换按钮的Bootstrap插件：Bootstrap Toggle
jopen
10年前
Bootstrap Toggle 是非常灵活的 Bootstrap 插件，能够将复选框变成漂亮切换按钮。
<input id="toggle-trigger" type="checkbox" data-toggle="toggle"> <button class="btn btn-success" onclick="toggleOn()">On by API</button> <button class="btn btn-danger" onclick="toggleOff()">Off by API</button> <button class="btn btn-success" onclick="toggleOnByInput()">On by Input</button> <button class="btn btn-danger" onclick="toggleOffByInput()">Off by Input</button> <script> function toggleOn() { $('#toggle-trigger').bootstrapToggle('on') } function toggleOff() { $('#toggle-trigger').bootstrapToggle('off') } function toggleOnByInput() { $('#toggle-trigger').prop('checked', true).change() } function toggleOffByInput() { $('#toggle-trigger').prop('checked', false).change() } </script> 