我希望有一个单选按钮作为标签控制器,与下面的jsfiddle相同:http://jsfiddle.net/bizamajig/mju8gzwa/
我在jsp中用spring标签创建了同样的东西,如下所示。我在控制器中获取选定的选项卡值时面临null异常。我想知道选择哪个选项卡并根据选项卡选择我会查询不同的数据
如何选择哪个标签
enter code here
<div class="container">
<div class="row">
<div id="tab" class="btn-group" data- toggle="buttons">
<a href="#daily" class="btn btn-default
active" data-toggle="tab">
<form:radiobutton path="recurrence" value="d" />Daily</a>
<a href="#features" class="btn btn-default" data-toggle="tab">
<form:radiobutton path="recurrence" value="w" />Weekly</a>
<a href="#requests" class="btn btn-default" data-toggle="tab">
<form:radiobutton path="recurrence" value="m" />Monthly</a>
<a href="#contact" class="btn btn-default" data-toggle="tab">
<form:radiobutton path="recurrence" value="o" />Once</a>
</div>
<div class="tab-content">
<div class="tab-pane active" id="prices">Prices content</div>
<div class="tab-pane" id="features">Features Content</div>
<div class="tab-pane" id="requests">Requests Content</div>
<div class="tab-pane" id="contact">Contact Content</div>
</div>
</div>
</div>
有人请帮忙让这个工作吗?
答案 0 :(得分:0)
您可以知道当前激活了哪个标签。基于此,您可以查询数据。
只需在jfiddle的javascript / Jquery部分添加以下代码即可。
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
var target = $(e.target).attr("href") // activated tab
$(target).show();
alert(target);
});