Python 我想创建多个（即大约4个）开/关切换按钮
我是Flask的新手，希望在我的网站上创建多个（约4个按钮）开/关切换按钮。我想知道这是否以及如何可能包括一个动态标签 index.htmlPython 我想创建多个（即大约4个）开/关切换按钮,python,Python,我是Flask的新手，希望在我的网站上创建多个（约4个按钮）开/关切换按钮。我想知道这是否以及如何可能包括一个动态标签 index.html 切换 切换2 $（文档）.ready（函数（）{ $（'.toggle'）。单击（函数（）{ var current_status=$（'.status'）.text（）； $.ajax({ url:“/get\u toggled\u status”， 键入：“获取”， 数据：{状态：当前状态}， 成功：功能（响应）{ $（“.status”）.html
切换
切换2
$（文档）.ready（函数（）{
$（'.toggle'）。单击（函数（）{
var current_status=$（'.status'）.text（）；
$.ajax({
url:“/get\u toggled\u status”，
键入：“获取”，
数据：{状态：当前状态}，
成功：功能（响应）{
$（“.status”）.html（响应）；
},
错误：函数（xhr）{
}
});
});
});
$（文档）.ready（函数（）{
$（'.toggle1'）。单击（函数（）{
var current_status1=$（'.status1'）.text（）；
$.ajax({
url:“/get\u toggled\u status1”，
键入：“获取”，
数据：{状态：当前状态1}，
成功：功能（响应）{
$（“.status1”）.html（响应）；
},
错误：函数（xhr）{
}
});
});
});
从flask导入flask，呈现模板、响应、请求、重定向、url
app=烧瓶（名称）
@附件路线（“/”）
def index（）：
返回渲染模板（'index.html'）
@app.route（'/switch_-led'，methods=['POST']）
def向前移动（）
如果请求。表单['demo1']='ON'：
表1.put_项目(
项目={
'ID'：'APPLIANCE1'，
“序列”：1
}
)
ar=“按以更新”
模板数据={
“ar”：ar
}
if request.form['demo1']=“OFF”：
表1.put_项目(
项目={
'ID'：'APPLIANCE1'，
“序列”：0
}
)
ar=“检查数据库”
模板数据={
“ar”：ar
}
如果请求。表单['demo2']='ON'：
表1.put_项目(
项目={
'ID'：'APPLIANCE2'，
“序列”：1
}
)
ar=“按以更新”
模板数据={
“ar”：ar
}
if request.form['demo2']=“OFF”：
表1.put_项目(
项目={
'ID'：'APPLIANCE2'，
“序列”：0
}
)
ar=“检查数据库”
模板数据={
“ar”：ar
}
如果请求。表单['demo3']='ON'：
表1.put_项目(
项目={
'ID'：'APPLIANCE3'，
“序列”：1
}
)
ar=“按以更新”
模板数据={
“ar”：ar
}
if request.form['demo3']=“OFF”：
表1.put_项目(
项目={
'ID'：'APPLIANCE3'，
“序列”：0
}
)
ar=“检查数据库”
模板数据={
“ar”：ar
}
如果请求。表单['demo4']='ON'：
表1.put_项目(
项目={
'ID'：'LOCK'，
“序列”：1
}
)
ar=“按以更新”
模板数据={
“ar”：ar
}
if request.form['demo4']=“OFF”：
表1.put_项目(
项目={
'ID'：'LOCK'，
“序列”：0
}
)
ar=“检查数据库”
模板数据={
“ar”：ar
}
返回render_模板（'index.html'，**templateData）；
@app.route（“/get\u toggled\u status”）
def get_toggled_status（）：
当前状态=request.args.get（'status'）
如果当前_状态=='Untoggled'，则返回'Toggled'，否则返回'Untoggled'
@app.route（“/get\u toggled\u status1”）
def get_toggled_status1（）：
当前_status1=request.args.get（'status1'）
如果当前_status1=='Untoggled'或'Untoggled'，则返回'Toggled'
如果uuuu name uuuuuu='\uuuuuuu main\uuuuuuu'：
app.run（debug='true'）
我的结果是，它显示了两个名为toggle和toggle1的切换按钮。但是，单击名为toggle的按钮…它会在打开时显示为toggle，在关闭时显示为untoggle。到目前为止，一切都很好。但当我单击名为toggled1的第二个按钮时，它会在第一个切换按钮上执行操作，而不是在第二个按钮上执行操作。您需要更改html代码，如下所示：
<body>
<input type="checkbox" class='toggle' checked
data-toggle="toggle" onclick="change_status('.status')">
<div class='status'>Toggled</div>
<input type="checkbox" class="toggle1" checked
data-toggle="toggle1" onclick="change_status('.status2')">
<div class="status1">Toggled2</div>
</body>
您需要更改html代码，如下所示：
<body>
<input type="checkbox" class='toggle' checked
data-toggle="toggle" onclick="change_status('.status')">
<div class='status'>Toggled</div>
<input type="checkbox" class="toggle1" checked
data-toggle="toggle1" onclick="change_status('.status2')">
<div class="status1">Toggled2</div>
</body>
$（document）.ready（function（）{function change_status（status）{var current_status=$（'.status'）.text（）；$.ajax（{url:/get_toggled_status]，键入：“get”，数据：{status:current_status}，成功：function（response）{$（'.status'）.html（response）；}，错误：function（xhr）{}）；}；}；这是我写的..但代码不起作用..可能是我写的东西..希望你能告诉我..请。非常感谢你之前的回答。对不起，我的不好。函数应该在$（document.ready（）之外。我编辑了我的答案。先生，我已经添加了这个函数，但它仍然不起作用。它随时显示“未定义的错误：未定义popper”，很高兴它有帮助。$（文档）。就绪（函数（）{function change_status（status）{var current_status=$（'.status'）。text（）；$.ajax（{url:/get\u toggled\u status），键入：“get”，数据：{status:current_status}，成功：函数（response）{$（'.status'）.html（response）；}，错误：函数（xhr）{}}；}；这是我写的..但代码不起作用..可能是我写的东西..希望你能告诉我..请。非常感谢你之前的回答。对不起，我的不好。函数应该在$（document）.ready（）之外。我编辑了我的答案。先生，我已经添加了这个函数，但它仍然不起作用。它显示“未定义的错误：popper未定义”，任何时候，很高兴它有帮助。