js练习代码

源莱xxl

已于 2022-06-06 23:01:43 修改

阅读量165

点赞数 2

文章标签： javascript 前端 html

于 2022-06-06 22:59:06 首次发布

本文链接：https://blog.csdn.net/qq_48453105/article/details/125156166

版权

1、全选、全不选、反选、

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>全选、反选</title>
    <style>
        .box {
     
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 300px;
            height: 200px;
            /* background: lightblue; */
        }
    </style>
</head>

<body>
    <div class="box">
        <form method="post" action="">
            你喜欢的明星是: <input type="checkbox" id="checkedAllBox">全选/全不选 <br>
            <br>
            <input type="checkbox" name="items" value="王源">王源
            <input type="checkbox" name="items" value="王俊凯">王俊凯
            <input type="checkbox" name="items" value="易烊千玺">易烊千玺
            <input type="checkbox" name="items"