JavaScript实例之多选框的使用情况展示

却没能成为自己

已于 2022-10-10 17:02:42 修改

阅读量161

点赞数

分类专栏：学习 Java JavaScript 文章标签： javascript 前端开发语言

于 2022-10-09 20:16:27 首次发布

本文链接：https://blog.csdn.net/qq_15971099/article/details/127233205

版权

这篇博客展示了如何在JavaScript中使用多选框，包括源代码和实际效果的呈现，是前端开发中的一个实例应用。

摘要由CSDN通过智能技术生成

JavaScript实例之多选框的使用情况展示

源码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <form action="">
        <p><input type="checkbox" name="" id="">A</p>
        <p><input type="checkbox" name="" id="">B</p>
        <p><input type="checkbox" name="" id="">C</p>
        <p><input type="checkbox" name="" id="">D</p>
    </form>
    <button onclick="getAll(0)">全选</button>
    <button onclick="getAll(1)">全不选</button>
    <button onclick="getAll(2)">反选</button>
    <script>