如何检查引导4的自定义复选框状态？

Question

在他们的文件中：http://getbootstrap.com/docs/4.0/components/forms/#checkboxes-和-无线电-1

也没有提到如何通过html或javascript更改它们的状态。

JsFiddle：https://jsfiddle.net/2n40w13k/1/

Js:

$('.custom-control-input').on('change', evt => {
    console.log(evt.target.value);
})

Answer 1

这是通过使用：checked、：active和：focus伪类完成的。

因此，当您单击自定义复选框（或单选按钮）时，将对其应用： check伪类。当您再次单击它时，该伪类将被删除。这就是你用css改变外观的目标。

JavaScript/jQuery也是如此。如果希望通过JavaScript/jQuery进行控制，则需要添加/删除相应的伪类（：checked）。

下面是我最后一段回答：

https://stackoverflow.com/a/48401949/8270343

更详细地解释它。

Answer 2

在事件处理程序中尝试以下操作：

$(evt.target).is(':checked')