reset bootstrap radio button

Question

Это должен быть дублирующий вопрос, но я не могу найти ответ. как вы перезагружаете переключатели бутстрапа?

в соответствии с документацией он сбрасывается, но он не видит ничего, что я также пытался использовать jquery, чтобы изменить его, но ничего.

$('#Reset').click(function(){ 
$('#option1').button('reset'); 
    $("#option1").prop('checked', true); 
}); 

вот скрипка. https://jsfiddle.net/m1jryanh/ Я нажимаю на другую кнопку, затем нажимаю кнопку сброса, надеясь, что она перезагрузится, но это не так.

Answer 1

Вы можете просто выполнить щелчок на #option1.

$('#Reset').click(function(){ 
    $("#option1").click(); 
}); 

Обновлено fiddle.

Answer 2

отменить выбор Всех варианты

Если вы имеете в виде обновления пользовательского интерфейса, вы можете явно удалить active классов из всех кнопок (или в ваших этикетках) сам:

$('#Reset').click(function(){ 
    // Explicitly uncheck all of your radio buttons 
    $('[data-toggle="buttons"] :radio').prop('checked', false); 
    // Select all label elements within your toggle and remove the active class 
    $('[data-toggle="buttons"] label').removeClass('active'); 
}); 

Вы можете see this in action here и показано ниже:

Сброс к первому варианту

Аналогично, если вы хотите установить его на это первоначальный вариант, вы можете просто вызвать click событие для первого элемента:

$('#Reset').click(function(){ 
    // Explicitly uncheck all of your radio buttons 
    $('[data-toggle="buttons"] :radio').prop('checked', false); 
    // Select all label elements within your toggle and remove the active class 
    $('[data-toggle="buttons"] label').removeClass('active'); 

    // Set the first one as checked and selected 
    $('[data-toggle="buttons"] :radio:first').addClass('active'); 
    // Do the same thing for the active indicator 
    $('[data-toggle="buttons"] label:first').addClass('active'); 
}); 

Вы see this option in action here и может продемонстрированную ниже:

Answer 3

Вы должны удалить класс active и снять галочку с переключателя, как показано ниже.

$('#Reset').click(function() { 
    $('.btn-group :radio').prop('checked', false); 
    $('.btn-group .active').removeClass('active'); 
}); 

DEMO