Какие могут быть альтернативы для использования e.preventDefault() у input (чтобы атрибут checked появлялся)?

Question

[Александр Тимофеев]

При click() у input[type='checkbox'] использую e.preventDefault(); для того чтобы в дальнейшем срабатывал toggleClass(), но checked не появляется у input теперь. Как бы сделать чтобы появлялся?

пробовал делать так, но это срабатывает только один раз почему то. Т.е. аттрибут checked='checked' всегда появляется в коде, когда надо, но вот на экране на сайте почему-то только один раз в самый первый появляется визуально галочка, потом изменения происходят только в коде, но не визуально

$("#osnova-pizzi li:nth-child(3)").on("click", function(e){
                e.preventDefault();
                $(".food2").toggleClass( "vv" );
                
                if($(".food2").hasClass('vv')) {
                      $("#osnova-pizzi li:nth-child(3) input").attr('checked', 'checked');
                    } else {
                      $("#osnova-pizzi li:nth-child(3) input").removeAttr('checked');
                    };
                
            });