Javascript 按钮而不是复选框

我使用复选框覆盖数据库条目，它看起来像这样：

[ ] Overwrite 
[Submit]

[Overwrite]

<button id="overwrite" name="overwrite" type="submit" class="btn btn-primary">Overwrite</button>

我想将复选框和“提交”按钮更改为单个按钮，如下所示：

[ ] Overwrite 
[Submit]

[Overwrite]

<button id="overwrite" name="overwrite" type="submit" class="btn btn-primary">Overwrite</button>

复选框覆盖功能在js中的工作方式如下：

if(jQuery("#overwrite").prop("checked")){
    data+="&overwrite=on";
}   

在html中如下所示：

<input type="checkbox" id="overwrite" name="overwrite"> Overwrite

在html中，按钮如下所示：

[ ] Overwrite 
[Submit]

[Overwrite]

<button id="overwrite" name="overwrite" type="submit" class="btn btn-primary">Overwrite</button>

---

这个按钮不起作用，如果我点击它，什么也不会发生。我做错了什么？

它可以简单地作为一个切换按钮，使用一个简单的类来显示，如下面的示例所示：

jQuery“覆盖”。单击函数{ $this.toggleClass'selected'； 如果$this.hasClass“已选定”{ //数据+=&覆盖=打开； console.log overwrite=on； } }; .选定{ 背景颜色：绿色； }

---

覆盖它可以简单地作为一个切换按钮，使用一个简单的类来显示，如下面的示例所示：

jQuery“覆盖”。单击函数{ $this.toggleClass'selected'； 如果$this.hasClass“已选定”{ //数据+=&覆盖=打开； console.log overwrite=on； } }; .选定{ 背景颜色：绿色； } 覆盖 var数据=； $“覆盖”。单击“覆盖”功能{ 如果！$this.hasClass'overwrite'{ 数据+=&覆盖=打开； } $this.toggleClass'overwrite'； }; 覆盖 var数据=； $“覆盖”。单击“覆盖”功能{ 如果！$this.hasClass'overwrite'{ 数据+=&覆盖=打开； } $this.toggleClass'overwrite'； };

---

覆盖可能你在表单提交上有一些逻辑。也许你在表单提交上有一些逻辑。你的答案有效，但是我还有一个问题：如果我想有一个提交和覆盖按钮，只有提交按钮有效，但当我点击覆盖按钮时什么也没有发生。嗨，尝试将当前代码作为编辑添加到OP中，以便我们可以检查它。提出了一个新问题您的答案有效，但是我遇到了一个额外的问题：如果我想有一个提交和覆盖按钮，只有提交按钮有效，但当我单击覆盖按钮时，什么都不会发生。您好，尝试将当前代码作为编辑添加到OP中，以便我们可以检查它并提出新问题