javascript - 如果检查输入,则将类应用于 <body>,而不使用 jQuery

标签 javascript html class input

我有一个非常新手的问题。我有这个“汉堡”菜单:http://alexe.ro/beta/ (右上角),如果选中,我想向 <body> 添加一个类,如果可能的话。

问题是我只想使用 javaScript,而不是 jQuery。 如果我知道如何做到这一点,这将对我(严重有限的)javaScript 知识有所帮助。

这是代码:

<input type="checkbox" class="menuToggle" id="menu-toggle-right" data-toggle="right">

提前谢谢您。

最佳答案

检测是否已在复选框上的 onchange 事件处理程序中进行了检查。

在该复选框内,检查 checked 属性以查看它是否已被选中,然后使用 classList添加或删除您想要的类(class)。

document.getElementById('menu-toggle-right').onchange = function() {
    var method = this.checked ? 'add' : 'remove';
    document.body.classList[method]('my-class');
}
body.my-class { background-color:#f44; }
<input type="checkbox" class="menuToggle" id="menu-toggle-right" data-toggle="right">

关于javascript - 如果检查输入,则将类应用于 <body>,而不使用 jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28813510/

相关文章:

javascript - 从txt/javascript中的react调用javascript函数

mysql - 更改搜索表单后的 div 样式

html - 为 iOS Safari 网站渲染设置默认 100% 缩放

javascript - polymer 脚本不工作

javascript - 设置 jquery Datepicker 的最小/最大日期

javascript - D3js/Javascript 与 Dart

javascript - 为什么主体中的 javascript 函数优先于头部中的函数?

java - 在Java中创建具有多种数据形式的多维数组

C# 一个类的 List<> 可以/应该是同一个类的静态成员吗​​?

c++ - 将字符数组传递给使用构造函数初始化的类构造函数时防止溢出?