1

我正在使用 Twitter Bootstrap 的Javascript 单选切换按钮,并希望根据切换的状态获取表单输入。

我能找到的最简单的方法是在按钮中添加一个不可见的标签——这是有人抛出的有用的 jsFiddle示例。

它工作得很好,但它仍然是一个kludge。我的问题是:从这些按钮获取表单输入的干净方式是什么,即没有额外的隐藏单选输入?

4

3 回答 3

10

怎么样

$(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'));

})​

演示

于 2012-07-13T17:09:50.810 回答
2

实际上,您可以使用如下函数避免 html 输入元素和 css index()

$('div.btn-group .btn').click(function(){
    if ($(this).index() != $('div.btn-group .btn.active').index()){
        alert($(this).index());
    }
})​;

我还添加了一个条件,如果已选择活动按钮,则不会收到警报。

于 2012-09-14T17:35:19.150 回答
1
于 2012-11-28T17:30:38.837 回答