html
<input type="checkbox" id="myCheckbox"/>使用jQuery
//jQuery 1.6+
$('#myCheckbox').prop('checked')
//jQuery 1.5 以下
$('#myCheckbox').attr('checked')原生JavaScript
document.getElementById("myCheckbox").checked搭配使用jQuery 显示隐藏元素
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/jquery/3.5.1/jquery.min.js"></script>
<input type="checkbox" id="myCheckbox" />
<div id="txt" style="display: none">头条新浪潮</div>
<script>
$("#myCheckbox").click(function () {
$("#txt").toggle(this.checked);
});
</script>
jQuery 显示隐藏元素
使用原生JavaScript显示隐藏元素
<input type="checkbox" id="myCheckbox" />
<div id="txt" style="display: none">头条 新浪潮</div>
<script>
const check = document.getElementById("myCheckbox");
const txt = document.getElementById("txt");
check.addEventListener("click", () => {
txt.style.display = check.checked ? "unset" : "none";
});
</script>
JavaScript显示隐藏元素
相关推荐
-
js条件判断（js条件判断语句）
经常code review，我发现JS newbie很容易写出一堆冗长的代码。今天就列几个比较常见的“解决之道”，看看如何减少JS里的条件判断。 提前返回，少用if...else “if...else是编程语言的精华。——鲁迅” 但是过多的嵌套，还...
-
模板引擎的实现原理（js模板引擎有什么用）
这篇文章主要介绍了JavaScript模板引擎原理与用法,结合实例形式详细分析了javascript模版引擎相关概念、原理、定义及使用方法,写的十分的全面细致，具有一定的参考价值，对此有需要的朋友可以参考学习下。如有不足之...
-
js如何获取当前日期（js如何获取当前日期和之后的每一天日期）
方法 JavaScript 中获得当前日期是使用 new Date 这个内置对象的实例，其他一些进阶的操作也是基于这个内置对象的实例。 获取完整的日期（默认格式）： var date = new Date; // Sat Jul 06 2019 19:59:27 GMT+0800(...
-
JS获取当前日期（js怎么获取当前时间方法步骤）
在构建的应用程序的时候都会带有日期时间组件，无论是资源的创建日期还是活动的时间戳。在本文中，我将分享如何在JavaScript中以各种格式获取当前日期。 1、JavaScript的Date对象 const date = new Date(); 该Date对...
-
javascript中的消息对话框分为（js 消息框）
消息对话框：是内置函数。将结果直接以对话框的形式直观地显示结果。常用的消息对话框有3种。警示对话框（alert）、确认对话框（confirm）和提示对话框（prompt）3种。1. 警示对话框警示对话框的关键字是alert，因为...
-
什么是JavaScript对象（js面向对象怎么理解）
编程中的对象 对象是数据类型的一种。对象是类的实例化。对象有的静态有的动态的，在生活中一间房子、一台电脑、一个水杯都可以看成一个对象。在面向对象的设计程序中对象是最基本单位，是代码和数据的集合。今天就...