带有模态的html删除线

Question

我有一个我正在尝试编辑的 html 代码，但它似乎有一些 css，但我想制作它，以便在检查时有一个删除线，当所有复选框都完成时，会出现一个模式这表示祝贺您进入下一步。我已经包含了 html 和我正在谈论的内容的屏幕截图。在这方面非常新手。

https://www.w3schools.com/code/tryit.asp?filename=GCBQRUJTL64Yenter image description here

Answer 1

  if (!wlcl_site_url_post) {
    var wlcl_site_url_post = 'https://rachelwhynot.com';
  }

input[type=checkbox]:checked + label {
  color: darkgrey;
  text-decoration: line-through;
  font-style: italic;
} 

<h3 class='wlcl_title chk_title_8'>Action Items: Tracking Your Onboarding Process</h3>

<input class='item_chk shortcode_chk' id='item_chk_0' type='checkbox' name='item_chk[]' value='8-32-14' />
<label for='item_chk_0'><span class='item_name_8'>Watch Video Training</span></label>

试一试。您可以使用 CSS 属性选择器和不同的输入来做一些非常酷的事情。

您也可以使用 jQuery 在 $(document).ready() 函数中执行此操作，但这肯定不是执行此类操作的唯一方法。