在前台使用 AjAX 向后台提交数据或在一些前台的全选或多选的逻辑中,需要通过JS来判断 checkbox 复选框是否处于被选中的状态时的逻辑该如何写呢?

js 判断 checkbox 是否被选中的方法

js 判断代码

<input type="checkbox" name="love" id="loveid" />
<script>
    var bools = document.getElementById("loveid").checked;
    // 返回 true 或 false
</script>

jq 判断 checkbox 是否被选中的方法

jq 判断 checkbox 是否被选中,有两种方法,下面分别来说一下。

1、通过 is() 的方法来判断

js代码:

<script>
    $("input[type='checkbox']").is(':checked') 
    // 返回 true 或 false
</script>

2、使用 prop() 方法

js代码:

<script>
    $("input[type='checkbox']").prop("checked")
    // 返回 true 或 false
</script>