Javascript 复选框输入-onclick事件-更改href和复选框图像/值

我有一个复选框：

这是复选框的代码：

<input class="ace ace-switch"
       data-toggle="tooltip"
       data-placement="top"
       value="true"
       type="checkbox"
       id="checkBoxId"
       onclick="switch();" >

单击时，href（url）被更改，元素被隐藏或显示，但切换图像始终处于关闭状态

---

为什么?

它总是在炫耀，因为你正在重新加载页面。您只需根据viewMode设置值

<input class="ace ace-switch"
       data-toggle="tooltip"
       data-placement="top"
       value="<%= viewMode.equals("presentation")? "true":"false" %>"
       type="checkbox"
       id="checkBoxId"
       onclick="switch();" >

因为重新加载页面会重置开关，如果要在不重新加载的情况下更改url，请使用

history.pushState（{}，document.title，“yourpage.html？viewMode=…”）

而不是

location.href=…

这是红宝石吗

@i--我将函数更改为：history.pushState（{}，document.title，“../../app/？viewMode=”）-但不要work@Hrvoje-重读你的问题，听起来“cnexans”的答案更有意义。这是一个值的问题true/false。如果我更改为true和false，则不会发生任何事情，因为我在代码中使用单词“full”和“presentation”来隐藏/显示某些元素。true/false指的是输入的值，因为重新加载始终保持关闭：(
<input class="ace ace-switch"
       data-toggle="tooltip"
       data-placement="top"
       value="<%= viewMode.equals("presentation")? "true":"false" %>"
       type="checkbox"
       id="checkBoxId"
       onclick="switch();" >