使用 Twitter Bootstrap 切换单选按钮，获取表单输入的简洁方式是什么?

本文介绍了使用 Twitter Bootstrap 切换单选按钮，获取表单输入的简洁方式是什么?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我正在使用 Twitter Bootstrap 的 Javascript 单选切换按钮，并且想要获取表单基于切换状态的输入.

I am using Twitter Bootstrap's Javascript radio toggle buttons and want to get form input based on the state of the toggle.

我能找到的最简单的方法是在按钮中添加一个不可见的标签 -- 这里是有用的 jsFiddle 某人吐出的例子.

The simplest approach I could find is to add an invisible tag within the buttons -- here's the helpful jsFiddle example that someone threw up.

它工作得很好，但它仍然有点杂乱无章.我的问题是:从这些按钮获取表单输入的干净方式是什么，即没有额外的隐藏单选输入?

It works nicely, but it's still sort of a kludge. My question is: what's the clean way to get form input from these buttons, i.e. without the extra hidden radio inputs?

推荐答案

怎么样

$(this).children('input[name="is_private"]').val()

演示

我想我第一次看错了你的问题......你可以创建一个隐藏的表单元素(你需要它在提交表单时访问值，除非你做 AJAX)并使用 JS 来设置它的值.

I think I misread your question the first time... You can create a hidden form element (you need it to access the value when you submit the form unless you do AJAX) and use JS to set its value.

HTML

<input type="hidden" name="status" id="status" value="" />

JS

$('div.btn-group button').click(function(){ $("#status").attr('value', $(this).attr('id')); })​

演示