我正在使用 Twitter Bootstrap 的Javascript 单选切换按钮,并希望根据切换的状态获取表单输入。
我能找到的最简单的方法是在按钮中添加一个不可见的标签——这是有人抛出的有用的 jsFiddle示例。
它工作得很好,但它仍然是一个kludge。我的问题是:从这些按钮获取表单输入的干净方式是什么,即没有额外的隐藏单选输入?
我正在使用 Twitter Bootstrap 的Javascript 单选切换按钮,并希望根据切换的状态获取表单输入。
我能找到的最简单的方法是在按钮中添加一个不可见的标签——这是有人抛出的有用的 jsFiddle示例。
它工作得很好,但它仍然是一个kludge。我的问题是:从这些按钮获取表单输入的干净方式是什么,即没有额外的隐藏单选输入?
怎么样
$(this).children('input[name="is_private"]').val()
我想我第一次误读了您的问题...您可以创建一个隐藏的表单元素(除非您执行 AJAX,否则您需要在提交表单时访问该值)并使用 JS 设置其值。
HTML
<input type="hidden" name="status" id="status" value="" />
JS
$('div.btn-group button').click(function(){
$("#status").attr('value', $(this).attr('id'));
})
实际上,您可以使用如下函数避免 html 输入元素和 css index()
:
$('div.btn-group .btn').click(function(){
if ($(this).index() != $('div.btn-group .btn.active').index()){
alert($(this).index());
}
});
我还添加了一个条件,如果已选择活动按钮,则不会收到警报。