Twitter bootstrap 引导程序3-无法捕获单击事件

我有一个问题，点击引导按钮不能被浏览器捕获

我的html是：

<div class="form-group">
    <input type="hidden" name="chart_assist" value="line" id="chart_input" />
    <div id="chart_buttons" class="btn-group" data-toggle="buttons">

    <label for="chart">Chart type</label><br/>
    <label id="cb1" class="btn btn-default active" value="line">
        <input id="chart1" class="toggle chart_radio" type="radio" name="chart" value="line" autocomplete="off" checked="checked"/>line chart
    </label>
    <label id="cb2" class="btn btn-default" value="bar">
        <input id="chart2" class="toggle chart_radio" type="radio" name="chart" value="bar" autocomplete="off"/>barplot
    </label>
    <label id="cb3" class="btn btn-default" value="heatmap">
        <input id="chart3" class="toggle chart_radio" type="radio" name="chart" value="heatmap" autocomplete="off"/>heatmap
    </label>
</div>

图表类型

折线图
条形图
热图

我的js是：

<script type="text/javascript">
  $("body").find(".btn").each(function(){
    $(this).bind('click', function(){
        $("input[name=chart_assist]").attr("value",$(this).find("input").val());
    });
  });
  var a=$('#data_buttons input:radio:checked').val();
  var b=$("#gene_list").val();
  var c=$("#sample_list").val();

  var d=$("input[name=chart_assist]").attr("value")
  document.write(d);
  $('#goodbutton').click(function(){
    $.post('heatmap.php',{data:a,ta_g:b,ta_s:c,chart:d},function(data){$("#ajax_output").html(data);});
  });
</script>

$（“body”）.find（“.btn”）.each（function（）{
$（this）.bind（'click'，function（）{
$（“input[name=chart_assist]”）.attr（“value”，$（this.find（“input”）.val（））；
});
});
var a=$（“#数据_按钮输入：单选：选中”）.val（）；
var b=$（“#基因列表”）.val（）；
var c=$（“#样本列表”）.val（）；
var d=$（“输入[名称=图表辅助]））.attr（“值”）
文件编写（d）；
$（“#goodbutton”）。单击（函数（）{
$.post（'heatmap.php'，{data:a，ta#g:b，ta#s:c，chart:d}，函数（data）{$（“#ajax#u output”）.html（data）；}；
});

---

但是当点击

barplot

或

heatmap

按钮时，变量

d

没有改变。问题是什么？

您需要为单击事件处理程序内部的

d

赋值：

$（“body”）.find（.btn”）.each（function（）{
$（此）。在（'单击'，函数（）上）{
$（“input[name=chart_assist]”）.attr（“value”，$（this.find（“input”）.val（））；
var d=$（“输入[名称=图表辅助]））.attr（“值”）；
$（“#mon”）.html（d）；
});
});
#mon{
宽度：100px；
高度：20px；
背景：黄色；
颜色：绿色；
文本对齐：居中；
}

图表类型

折线图
条形图
热图