分别用DOM方式和jQuery方式判断复选框是否被选中

最新推荐文章于 2021-08-07 15:57:57 发布

猫踹猫莱克雷

最新推荐文章于 2021-08-07 15:57:57 发布

阅读量2.5k

点赞数 3

分类专栏： javascript / jquery 文章标签： jquery javascript DOM对象

本文链接：https://blog.csdn.net/ffl594276991/article/details/50551566

版权

javascript / jquery 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

判断一个复选框是否被选中，当选中该复选框时，提示用户可以继续操作；

<input id="cr" type="checkbox" /><label for="cr">我已经阅读了上面的制度。</label>

1. DOM方式如下：

    window.onload = function () {
        document.getElementById('cr').onclick = function () {
            if (this.checked) {
                alert('感谢你的支持，你可以继续操作！（DOM方式）');
            }
        };
    };

2. jQuery方式如下：

    $(function () {
        $('#cr').click(function () {
            if ($(this).is(':checked')) {
                alert('感谢你的支持，你可以继续操作！（jQuery方式）');
            }
        });
    });