Semanitc与ASP.NET MVC复选框

Question

我试图在MVC应用程序中使用语义UI复选框，但是，我注意到当使用CheckBoxFor()时，它会创建两个输入，其中一个是隐藏的：

<div class="field">
    <div class="ui checkbox">
        <input data-val="true" id="OilStarvation" name="OilStarvation" type="checkbox" value="true">
        <input name="OilStarvation" type="hidden" value="false">
        <label for="OilStarvation">Oil Starvation</label>
    </div>
</div>

然后激活复选框如下：

$('.ui.checkbox').checkbox();

当我单击复选框时，“滴答”动画不会显示复选框是否被勾选，尽管设置了true的值。有什么方法可以告诉semantic复选框方法来锁定非隐藏元素吗？

Answer 1

您可以设置css以显示勾选/选中效果。

.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after
{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}