html带模式的删除线

Question

我有一个我要编辑的html代码，但似乎有一些CSS，但我想制作它，以便在选中时出现删除线，并且当所有复选框都完成时，会出现一个模式对下一步表示祝贺。我已经包含了html和我正在谈论的内容的屏幕截图。这个东西的新手。

https://www.w3schools.com/code/tryit.asp?filename=GCBQRUJTL64Y enter 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（）函数中执行此操作，但这当然不是唯一的方法。