Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save infacq/7191382 to your computer and use it in GitHub Desktop.
Save infacq/7191382 to your computer and use it in GitHub Desktop.
another clean way getting value from hidden input radio when using Twitter Bootstrap 3
<form>
<div class="btn-group" data-toggle-name="is_private" data-toggle="buttons" >
<label class="btn btn-default">
<input type="radio" name="private" value="1"> Yes
</label>
<label class="btn btn-default">
<input type="radio" name="private" value="0"> No
</label>>
</div>
<input type="hidden" name="is_private" value="0" />
</form>
$('div.btn-group[data-toggle-name]').each(function() {
var group = $(this);
var name = group.attr('data-toggle-name');
var hidden = $('input[name="' + name + '"]', $form);
$('label', group).each(function() {
var button = $(this).find('input:radio');
$(this).on('click', function() {
//console.log( button.val() );
hidden.val(button.val());
});
if (button.val() == hidden.val()) {
$(this).addClass('active');
}
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment