Bootstrap按钮切换 - 表单值?

时间:2013-02-28 16:33:05

标签: twitter-bootstrap

似乎有很多关于此的问题,但没有一个能给出明确的简单答案。

我的理解是,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>

0 个答案:

没有答案