javascript判断checkbox复选框是否被选中的方法

少了你的风景,我没有美丽的人生。天气真好!一起去郊游吧,拥抱大自然,呼吸清新的空气,享受悠闲和温馨。

在前台使用 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>

本文javascript判断checkbox复选框是否被选中的方法到此结束。如果说青春也有缺点,那就是它消失得太快。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
jquery ajax实现文件上传功能实例代码

SpringMVC+Jquery实现Ajax功能

关于二次封装jquery ajax办法示例详解

ajax实现用户名校验的传统和jquery的$.post方式(实例讲解)

jQuery Ajax的readyState和status的区别和使用详解