热门关键字:
jquery > jquery教程 > jquery教程 > 如何使用jQuery检查复选框是否已选中

如何使用jQuery检查复选框是否已选中

267
作者:管理员
发布时间:2021/2/4 14:08:43
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3836
答案:使用jQueryprop()方法和:checked选择器
以下部分描述了如何使用jQueryprop()方法以及:checked选择器来跟踪复选框的状态(无论是否选中)。


使用jQueryprop()方法
jQueryprop()方法提供了一种简单,有效和可靠的方式来跟踪复选框的当前状态。它在所有情况下都可以很好地工作,因为每个复选框都有一个checked属性,用于指定其选中或未选中状态。


不要用checked属性误解它。该checked属性仅定义复选框的初始状态,而不是当前状态。让我们看看它是如何工作的:


例试试这个代码»
<script>
    $(document).ready(function(){
        $('input[type="checkbox"]').click(function(){
            if($(this).prop("checked") == true){
                console.log("Checkbox is checked.");
            }
            else if($(this).prop("checked") == false){
                console.log("Checkbox is unchecked.");
            }
        });
    });
</script>




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jQuery
友荐云推荐