如何检查Bootstrap 4的自定义复选框状态? [英] How to check Bootstrap 4's custom checkbox state?

问题描述

在其文档中: http://getbootstrap .com/docs/4.0/components/forms/#checkboxes-and-radios-1

从未提及如何正确使用自定义复选框，使用检查器似乎未添加任何类，并且值始终为"on".

It's never mentioned how to properly use the custom checkboxes, using the inspector it doesn't seem like any class is added, and the value is always "on".

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

It's also not mentioned how do I change their state via html or javascript.

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

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

Js:

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

推荐答案

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

Try this in your event handler:

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

这篇关于如何检查Bootstrap 4的自定义复选框状态?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！