JavaScript按钮切换：代码完成
问题是：
我们提供了一些简单的JavaScript模板代码。您的目标是修改应用程序，以便您可以正确地切换按钮以在ON状态和OFF状态之间切换。当按钮打开并被单击时，它将关闭，其中的文本将从打开变为关闭，反之亦然。您可以自由添加类和样式，但要确保保持元素ID的原样。
import $ from "jquery"
const rootApp = document.getElementById("root");
rootApp.innerHTML = '<button>ON</button>';
所以我所尝试的
import $ from "jquery"
function toggle(button)
{
switch(button.value)
{
case "ON":
button.value = "OFF";
break;
case "OFF":
button.value = "ON";
break;
}
}
const rootApp = document.getElementById("root");
rootApp.innerHTML = '<input type = "button" value = "ON" id = "button" onclick = "toggle();"/>'
我是JavaScript的新手，这就是我在这里寻求帮助的原因。
共有2个答案
我想这会管用的....
null
let root = document.getElementById("root");
$(document).ready(function(){
$("#root").click(function(){
if(root.value === "on"){
root.value="off";
}
else{
root.value="on";
}
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="button" id="root" value="off">
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<title>Javascript Button Toggle</title>
</head>
<body>
<h1>Javascript Button Toggle</h1>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
<label class="form-check-label" for="flexSwitchCheckDefault">Toggle Button</label>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"></script>
<script>
const btn = document.querySelector('.form-check-input');
const label = document.querySelector('.form-check-label');
btn.addEventListener('change', function(){
this.checked ? label.innerHTML = 'Button Turned On' : label.innerHTML = 'Button Turned Off';
});
</script>
</body>
</html>
-
主要内容：创建切换按钮,切换按钮组,ToggleButton行为,样式切换按钮切换按钮具有两种状态：选择或未选择。 我们通常将两个或多个切换按钮组合成一个组，并允许用户只选择一个按钮或不选择。 创建切换按钮 我们可以使用类的三个构造函数创建一个切换按钮。要创建没有任何字幕或图标的切换按钮。 要创建带有文字说明的切换按钮 要创建带有文字说明和图标的切换按钮。 方法可以将文本设置为，以及方法可以将图像安装到。 切换按钮组 切换组不强制选择至少一个按钮。单击所选的切换按钮可取消选
-
问题内容： 应用程序可以在四种不同的设备上正常运行。但是客户端在 Xperia z2 上的闪光按钮ON / OFF上面临崩溃。 主要活动 相机预览 崩溃报告。 问题答案： 应muku的要求。我自己回答。用于切换闪光灯 FlashOn和FlashOff方法是
-
问题内容： 我想使用CSS在html中创建一个切换按钮。我想要它，以便当您单击它时，它保持推入状态，而不是再次单击时它弹出。 如果没有办法仅使用CSS。有没有办法使用jQuery？ 问题答案： 良好的语义方式是使用复选框，然后如果未选中，则以不同的方式设置其样式。但是没有好的方法可以做到这一点。您必须添加额外的跨度，额外的div，并且要真正看起来不错，请添加一些javascript。 因此最好的解
-
我有以下问题： 到此： 使用：
-
我的web应用程序由各种面板和仪表板组成，仪表板上有访问每个面板的按钮。因此，每个按钮都是专用面板和主面板之间的切换。 例如，如果我们有3个面板，panel1是默认的一个，另外两个按钮用于在其他两个面板和默认面板之间切换： 应在面板1和面板2之间切换 应在面板1和面板3之间切换 我几乎已经实现了，但是我的代码显示了panel2和panel3重叠。 所以我想让按钮1负责在面板1和面板2之间切换。和按
-
问题内容： 希望你能在这里帮助我！我想制作一个开关按钮，以打开每日推送通知功能。我怎么做？ 开关按钮位于“设置”片段上 我的MainActivity.java： 片段Settings.java 的“ editor.getBoolean”给我无法解决错误！ 我能做什么？： Notification_Reciever.java fragemnt_settings.XML： 谢谢！！希望你能帮我！ ed