【HTML+JS】单选框和多选框的用法，注意点；以及如何用JavaScript获取值，创建标签并给标签赋值

黑口罩

已于 2025-01-15 14:31:44 修改

阅读量298

点赞数 4

CC 4.0 BY-SA版权

分类专栏： # 【HTML】系列 # 【案例实战】 # 【JavaScript】系列文章标签： javascript 前端开发语言

于 2025-01-15 14:30:10 首次发布

本文链接：https://blog.csdn.net/xudahai513/article/details/145159663

单选框：

<input type="radio" name=" " value=" ">

注意：为了使一组单选框互相排斥，需要指定相同的 name

<input type="radio" name="a">

<input type="radio" name="a">

复选框:

<input type="checkbox">

如果需要获取单选框或复选框的值，记得事先在 value = " " 属性赋值

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <div> 
        <h3>爱好</h3>
    <!-- 为了使一组单选框互相排斥，它们需要指定相同的name属性 -->
        <input type="radio" name="enjoy" value="吃饭">吃饭
        <input type="radio" name="enjoy" value="睡觉">睡觉
    </div>
    <div>
        <h3>运动</h3>
        <input type="checkbox" name="box" value="打篮球">打篮球
        <inp