JavaScript实现全选和反选超简单

最新推荐文章于 2023-07-11 22:34:21 发布

原创最新推荐文章于 2023-07-11 22:34:21 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #input #button #function #server #游戏

本文介绍了一种简单的网页全选与反选功能实现方法，通过JavaScript操作复选框来完成。具体包括如何获取页面上的所有复选框元素，并通过循环遍历设置其选中状态，以达到全选或反选的效果。

<body>
    <form id="form1" runat="server">
    请选择你的爱好：
    <div>
            <input name="Che" type="checkbox" />足球
            <input name="Che" type="checkbox" />篮球
            <input name="Che" type="checkbox" />上网
            <input name="Che" type="checkbox" />游戏
            <input name="Che" type="checkbox" />逛街
            <input name="Che" type="checkbox" />购物
            <input name="Che" type="checkbox" />排球
            <input name="Che" type="checkbox" />看书
    </div>
    <input id="btnquan" type="button" onclick="quan()" value="全选" />
    <input id="btnfan" type="button" onclick="fan()" value="反选" />
    </form>
</body>