首页 > 解决方案 > 如何在Javascript中每月取消一项工作

问题描述

如何在javascript中按月取消一项工作。当我单击取消按钮时,我希望弹出窗口还提及消息“您按月取消一项工作,是或否”请帮助我..我非常卡住在那个代码中。

标签: javascript

解决方案


我不确定您是否使用数据库,但要让事情顺利进行,您需要在复选框上附加更改或单击事件。更改事件的示例如下:

document.addEventListener('DOMContentLoaded', function() { 
  let checkboxEl = document.getElementsByName("theJob")[0]; // a lot of different ways to select the dom element
  let spanEl = document.querySelector(".js_strikeThrough");
  let checkAttr = checkboxEl.getAttribute('data-cancel');
  checkboxEl.addEventListener("change", function(event) {
    if(checkAttr) {
      checkAttr = !checkAttr;
      spanEl.classList.add("strikeThrough");
    } else {
      spanEl.classList.remove("strikeThrough");
      checkAttr = !checkAttr;
    }
  }, false);

}, false);
.strikeThrough{
  text-decoration: line-through;
}
<form> 
  <input type="checkbox" data-cancel="false" name="theJob" value="Clean"><span class="js_strikeThrough">Wash Car</span>
</form>

在上面的代码片段中更改 checkAttr 值的地方是您需要调用数据库方法来更新数据库中的值并添加弹出消息的地方。不确定您使用的是什么数据库。


推荐阅读