Django 如何将 toggle-switch/checkbox 状态分配给变量并将其传递给 views.py?
Django how to assign toggle-switch/checkbox state to a variable and pass it to views.py?
导航栏上有一个 dark mode
切换开关,我如何传递它的值 views.py 以便将 template-name
设置为 page-dark.html
或 page-light.html
根据拨动开关的状态
这是我的导航栏:
<div class="navbar-fixed">
<nav>
<div class="nav-wrapper teal lighten-1">
<a href="#!" class="brand-logo"><i class="material-icons">assignment </i>Ai-Mo Times</a>
<a href="#" data-target="mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li><a href="/">Home</a></li>
<li><a href="/newsroom">Newsroom</a></li>
<li><div class="switch">
<label>
Off
<input type="checkbox">
<span class="lever"></span>
On
</label>
</div></li>
</ul>
</div>
</nav>
</div>
如果你需要知道我正在使用 Materialize,如何实现这一点 CSS
感谢从现在开始
你可以使用 JS:
<input type="checkbox" id="xxx" name="xxx" onclick="calc();"/>
并在您的 JS 代码中:
<script>
function calc()
{
if (document.getElementById('xxx').checked)
{
// send to my view ON
} else {
// send to my view OFF
}
}
</script>
导航栏上有一个 dark mode
切换开关,我如何传递它的值 views.py 以便将 template-name
设置为 page-dark.html
或 page-light.html
根据拨动开关的状态
这是我的导航栏:
<div class="navbar-fixed">
<nav>
<div class="nav-wrapper teal lighten-1">
<a href="#!" class="brand-logo"><i class="material-icons">assignment </i>Ai-Mo Times</a>
<a href="#" data-target="mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li><a href="/">Home</a></li>
<li><a href="/newsroom">Newsroom</a></li>
<li><div class="switch">
<label>
Off
<input type="checkbox">
<span class="lever"></span>
On
</label>
</div></li>
</ul>
</div>
</nav>
</div>
如果你需要知道我正在使用 Materialize,如何实现这一点 CSS
感谢从现在开始
你可以使用 JS:
<input type="checkbox" id="xxx" name="xxx" onclick="calc();"/>
并在您的 JS 代码中:
<script>
function calc()
{
if (document.getElementById('xxx').checked)
{
// send to my view ON
} else {
// send to my view OFF
}
}
</script>