欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery自动选中多选框

程序员文章站 2022-03-07 14:21:30
...

jquery自动选中多选框

  • 页面载入时使用jquery来自动选中页面中的多选框\

代码效果如下:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery.js"></script>
    <style>
        div{
            width: 200px;
            height: 200px;
            background-color: aqua;
        }
    </style>
</head>
<body>

<center>
    <h2>页面载入时使用jquery来自动选中页面中的多选框</h2>
<div>

    <p><input type="checkbox">多选框1</p>
    <p><input type="checkbox">多选框2</p>
    <p><input type="checkbox">多选框3</p>
</div>
</center>
<script>
    $(function () {
        $(":checkbox").attr("checked",true);
    });
</script>

</body>
</html>

jquery自动选中多选框

相关标签: jQuery