jquery如何判断checkbox（复选框）是否被选中 ...

最新推荐文章于 2024-07-15 02:56:26 发布

原创最新推荐文章于 2024-07-15 02:56:26 发布 · 103 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #javascript #前端

文章详细介绍了如何使用jQuery在HTML中为复选框添加点击事件，当用户勾选接受服务条款时，弹出提示信息。展示了DOM操作和条件判断的应用。

<script type="text/javascript" src="../lib/jQuery1.11.1.js"></script>
<script type="text/javascript">
    $(function() {
        $('#myid').click(function() {
            alert('操作成功!');
        });
    });
</script>
</head>
<body>
    <input type="checkbox" id="myid">接受服务条款
</body>

<script type="text/javascript" src="../lib/jQuery1.11.1.js"></script>
<script type="text/javascript">

    //等待dom元素加载完毕.
    $(function() {
        var $cr = $("#myid"); //jQuery对象
        var cr = $cr.get(0); //DOM对象，获取 $cr[0]
        $cr.click(function() {
            if (cr.checked) { //DOM方式判断
                alert("感谢你的支持!你可以继续操作!");
            }
        });
    });
</script>
</head>
<body>
    <input type="checkbox" id="myid">接受服务条款
</body>