Как добавить проверенный атрибут флажка в MVC?

Question

У меня есть флажок, и когда я нажимаю на него, мне нужно добавить атрибут checked к cs html.

Когда я сниму флажок, мне нужно удалить этот атрибут. Как я могу это сделать?

Теперь, когда я нажимаю, ничего не происходит. Мне нужно как-то изменить значение переменной Checked.

Просмотр модели:

public class ListProductVM
{
    public int Id { get; set; }
    public bool Checked { get; set; }
}

.cshtml Страница:

    <div class="compare-checkbox form-checkbox">
        <input name="compare-@Model.Id" class="js-favorite-checkbox" type="checkbox" @(Model.Checked ? "checked" : "") data-product-id="@Model.Id">
    </div>

Answer 1

Вы должны использовать jquery / javascript для этого. Добавьте это на свою страницу

 <script>

    $('.js-favorite-checkbox').change(function() {
        if(this.checked) {
            this.setAttribute('checked', 'checked');
        }
        else
        {
            this.removeAttribute("checked"); 
        }
    });

 </script>

Answer 2

Вы можете попробовать CheckBoxFor HTML helper:

@model ListProductVM

<div class="compare-checkbox form-checkbox">
    @Html.CheckBoxFor(m => m.Checked, new { @class="js-favorite-checkbox", @data_product_id="@Model.Id" })
    @Html.LabelFor(m => m.Checked)
</div>

Обратите внимание, что data_product_id будет отображаться как data-product-id в файле html: more информация здесь

---

Вот демо 1014 *