[переключатель]

Question

Я занимаюсь разработкой php-программы для онлайн-тестирования.Будет 25 случайных вопросов, и кандидат должен ответить на 20 обязательных вопросов.Чтобы показать, ответил ли кандидат на вопрос, я хочу включить событие Radio Click, чтобы при щелчке по опции подсвечивался серийный номер этого вопроса.Я могу проверить и снять флажок с помощью следующей функции jquery:

$(function(){
    $('input[type="radio"]').mousedown(function() {
        if (this.checked) {
            $(this).mouseup(function(e) {
                var radio = this;
                setTimeout(function() {
                    radio.checked = false; 
                }, 5);

                $(this).unbind('mouseup');       
            });
        }
    });
});

Я могу изменить размер шрифта номера вопроса с помощью следующего кода:

$(document).ready(function(){
    $('input[type="radio"]').click(function(){
        if (this.checked==true){
            $("#tt_1").css("font-size", "25px");
        }
    });
});

Однако я не могу включить условие ELSE в вышеуказанную функцию, чтобы форматирование восстанавливалось, когда кнопка выбора не нажата.

Пожалуйста, помогите мне с правильным кодом.

Спасибомного.

Answer 1

Не могли бы вы добавить событие onblur

http://api.jquery.com/blur/

Или вы можете сбросить все поля при нажатии. например,

$('input[type="radio"]').each(function(){
  // Reset the state
});

Answer 2

Будет гораздо проще использовать addClass('your-class'), а затем определить класс в вашем CSS, чем пытаться восстановить / удалить значения CSS через jQuery.

Например:

$(document).ready(function () {
    var radios = $('input[type="radio"]');
    radios.click(function () {
        radios.each(function () {
            if (this.checked==true){
                $("#tt_1").addClass('bigger-font');
            }
            else $("#tt_1").removeClass('bigger-font');
        });

    });
});


<style>
.bigger-font {
    font-size: 25px;
}
</style>