似乎有很多关于此的问题,但没有一个能给出明确的简单答案。
我的理解是,Twitter Bootstrap Button Toogle旨在以与复选框相同的方式“行动”。在此基础上,我的假设是应该可以以同样的方式使用它。但是,我无法找到在表单中传递这些“复选框”值的方法。无论按钮是打开还是关闭,“转储”形式都不会显示字段名称或发布时的值。
我已经看到了一些提示,我应该在jQuery上查找这些值,但是我还没有找到一个专注于该问题的简单示例(而且我的JS知识仍然有限!)。然而,我使用AjaxForm来处理表单,这可能有所帮助。
我现有的代码(为清晰起见,删除了其他简单的表单元素)......
<script type="text/javascript">
$(document).ready(function() {
$('#addshare').ajaxForm(
{
target: '#shares',
beforeSubmit: showRequest,
success: function() {
$('#shares').fadeIn('slow');
}
});
function showRequest() {
$('#shares').html('<p class="alert alert-success">Processing...</p>');
}
});
</script>
<form id="addshare" method="post" action="/a/share/">
<div class="control-group" id="sharewithgroup">
<div class="btn-group" data-toggle="buttons-checkbox" data-toggle-name="sharewith">
<button class="btn" id="share1" name="share1" value="1" type="button">Share 1</button>
<button class="btn" id="share1" name="share2" value="2" type="button">Share 2</button>
</div>
</div>
</form>