Twitter bootstrap 引导按钮切换-表单值?

Twitter bootstrap 引导按钮切换-表单值?,twitter-bootstrap,Twitter Bootstrap,关于这一点,似乎有很多问题,但没有一个给出明确的简单答案 我的理解是Twitter引导按钮Toogle的作用与复选框相同。在此基础上,我的假设是,应该能够以同样的方式使用它。但是,我找不到在表单中传递这些“复选框”值的方法。无论按钮是打开还是关闭,表单“dump”在发布时都不会显示字段名或值 我已经看到了一些提示,我应该通过jQuery来查找这些值,但我还没有找到一个简单的例子来关注这个问题(我对JS的了解仍然有点有限!)。不过,我正在使用AjaxForm处理表单,这可能会有所帮助 下面是我的现

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

我的理解是Twitter引导按钮Toogle的作用与复选框相同。在此基础上,我的假设是,应该能够以同样的方式使用它。但是,我找不到在表单中传递这些“复选框”值的方法。无论按钮是打开还是关闭,表单“dump”在发布时都不会显示字段名或值

我已经看到了一些提示,我应该通过jQuery来查找这些值,但我还没有找到一个简单的例子来关注这个问题(我对JS的了解仍然有点有限!)。不过,我正在使用AjaxForm处理表单,这可能会有所帮助

下面是我的现有代码(为了清晰起见,删除了其他简单的表单元素)


$(文档).ready(函数(){
$('#addshare').ajaxForm(
{ 
目标:“#股份”,
提交前:showRequest,
成功:函数(){
$(“#shares”).fadeIn('slow');
} 
});
函数showRequest(){
$(“#共享”).html(“

处理…

”; } }); 分享1 分享2
我想您可以使用jQuery获取已单击按钮的“值”属性?@Billy-谢谢您的回复。我确实考虑过(使用OnCalk),但是我有限的JS知识意味着我不知道如何处理切换方面(如果用户点击两次)
<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>