checkbox 控制隐藏显示

最新推荐文章于 2023-09-01 17:55:04 发布

公子肆

最新推荐文章于 2023-09-01 17:55:04 发布

阅读量5.3k

点赞数

分类专栏： html+js

本文链接：https://blog.csdn.net/qq_38805301/article/details/99544427

版权

html+js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <title>ttt</title>
</head>
<body>
    <input type="checkbox" name="ss" value="1" onclick="ss($(this))"/> 使用时间
    <div id="s1" style="display: none;">
        55555
    </div>
</body>
   <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
   <script type="text/javascript">
    function ss(obj){
    // 获取选中状态
    var i = $('input[name="ss"]').is(':checked');
    if (i == true) {
        // 显示
        document.getElementById("s1").style.display="";
    }else{
        //隐藏
        document.getElementById("s1").style.display="none";
    } 
  console.log(i)
};

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

公子肆

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
checkbox 控制隐藏显示

<!DOCTYPE html><html><head> <title>ttt</title></head><body> <input type="checkbox" name="ss" value="1" onclick="ss($(this))"/> 使用时间 <...
复制链接

扫一扫