Подскажите как сбросить оба значения с помощью кнопки в этом коде по ссылке -
http://jsfiddle.net/9o41oykp/34/
$(function () {
$('.button-checkbox').each(function () {
// Settings
var $widget = $(this),
$button = $widget.find('button'),
$checkbox = $widget.find('input:radio'),
color = $button.data('color'),
settings = {
on: {
icon: 'glyphicon glyphicon-check'
},
off: {
icon: 'glyphicon glyphicon-unchecked'
}
};
// Event Handlers
$button.on('click', function () {
$checkbox.prop('checked', !$checkbox.is(':checked'));
$checkbox.triggerHandler('change');
updateDisplay();
});
// Actions
function updateDisplay() {
$('.button-checkbox').each(function () {
var isChecked = $(this).find('input:radio').is(':checked');
// Set the button's state
$(this).find('button').data('state', (isChecked) ? "on" : "off");
// Set the button's icon
$(this).find('button').find('.state-icon')
.removeClass()
.addClass('state-icon ' + settings[$(this).find('button').data('state')].icon);
// Update the button's color
if (isChecked) {
$(this).find('button')
.removeClass('btn-default')
.addClass('btn-' + color + ' active');
} else {
$(this).find('button')
.removeClass('btn-' + color + ' active')
.addClass('btn-default');
}
})
}
// Initialization
function init() {
updateDisplay();
// Inject the icon if applicable
if ($button.find('.state-icon').length == 0) {
$button.prepend('<i class="state-icon ' + settings[$button.data('state')].icon + '"></i> ');
}
}
init();
});
});
$('#reset').click(function() {
$('.button-checkbox').find('.glyphicon').toggleClass('glyphicon-check glyphicon-unchecked');
});
<span class="button-checkbox">
<button type="button" class="btn btn-lg" data-color="primary">Option 1</button>
<input type="radio" class="xhidden" name="group1" id="op1" checked />
</span>
<span class="button-checkbox">
<button type="button" class="btn btn-lg" data-color="primary">Option 2</button>
<input type="radio" class="xhidden" name="group1" id="op2" />
</span>
<br><br><button type="button" class="btn btn-info" id="reset">Reset<span class="glyphicon glyphicon-send"></span></button>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
Reset
переключает иконки на кнопках. Поясните, что имеете в виду под словамисбрасывать оба значения
?