<script type="text/javascript" src="js/jquery.js"/> <script type="text/javascript"> <!-- $(function() { $("#selectall").click(function() { $("input[name='chk']").each(function() { $(this).attr("checked", true); }); }); $("#deselectall").click(function() { $("input[name='chk']").each(function() { $(this).attr("checked", false); }); }); }); // --> </script> <body> <input type='checkbox' id='in-shareuser-10' name='chk' value='10' />唱歌 <input type='checkbox' id='in-shareuser-11' name='chk' value='11' />跳舞 <input type='checkbox' id='in-shareuser-12' name='chk' value='12' />美术 <input type="button" id="selectall" name="selectall" value="全选" /> <input type="button" id="deselectall" name="deselectall" value="取消全选" /> </body>
本文介绍了一种使用jQuery简化DOM操作的方法，通过两个按钮实现了页面上所有复选框的全选与取消全选功能。该方法利用了jQuery强大的选择器和属性操作功能，使得原本复杂的DOM操作变得简单快捷。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
