似乎有很多关于这个的问题,但没有一个给出明确的简单答案。
我的理解是 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>