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

最新推荐文章于 2024-01-31 16:21:47 发布

原创最新推荐文章于 2024-01-31 16:21:47 发布 · 210 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了一个简单的HTML页面，其中包含多个多选框，并使用jQuery来实现预选中所有多选框的功能。通过jQuery的选择器和prop方法，可以轻松地控制多选框的状态。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    <script src="js/jquery.js"></script>

    </head>
    <body>
        
    <div id="s2">
	
    <p><input type="checkbox">多选框1</p>
    <p><input type="checkbox">多选框2</p>
    <p><input type="checkbox">多选框3</p>
    </div>
        <script>
           
                 $('input[type=checkbox]').prop('checked',true);
               
        
        </script>
 
    </body>
</html>