Html5中的单选框和复选框

最新推荐文章于 2024-05-01 02:23:23 发布

「已注销」

最新推荐文章于 2024-05-01 02:23:23 发布

阅读量4.4k

点赞数

分类专栏：前端文章标签： Html5

原文链接：https://www.mk2048.com/blog/blog.php?id=jhckhbccb&title=Html5%E4%B8%AD%E7%9A%84%E5%8D%95%E9%80%89%E6%A1%86%E5%92%8C%E5%A4%8D%E9%80%89%E6%A1%86

版权

前端专栏收录该内容

1143 篇文章 3 订阅

订阅专栏

radio - 单选框
element/form/input/radio.html

<!doctype html>
<html>
<head>
    <title>radio</title>
</head>
<body>

    <!--
        radio - 单选框
          checked - 是否是选中状态
          name - 相同的是同一组
    -->

    <input id="rad" type="radio" checked name="rad" />
    <label for="rad">radio button title</label>

    <input id="rad2" type="radio" name="rad" />
    <label for="rad2">radio button title</label>

    <script type="text/javascript">

        alert(document.getElementsByTagName("input")[0].value);
    
    </script>

</body>
</html>

checkbox - 复选框
element/form/input/checkbox.html

<!doctype html>
<html>
<head>
    <title>checkbox</title>
</head>
<body>

    <!--
        checkbox - 复选框
          checked - 是否是选中状态
    -->

    <input id="chk" type="checkbox" checked />
    <label for="chk">checkbox title</label>

    <script type="text/javascript">

        alert(document.getElementsByTagName("input")[0].checked);
    
    </script>

</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

「已注销」

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Html5中的单选框和复选框

radio - 单选框 element/form/input/radio.html <!doctype html> <html> <head> <title>radio</title> </h...
复制链接

扫一扫