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

Question

我有这个复选框：

这是复选框的代码：

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

点击后我想要更改href（url）并根据该网址隐藏/显示页面上的其他元素。

这是onclick事件的代码：

function switch() {
    location.href="../../app/?viewMode=<%= viewMode.equals("presentation")?"full":"presentation" %>"
}

点击href（url）更改，元素隐藏或显示但切换图像始终保持关闭状态。

为什么呢？

Answer 1

它总是炫耀，因为你正在重写页面。您只需根据viewMode

设置值

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