Javascript Jquery复选框已选中和未选中事件

我开发了一个html代码，其中复选框由jquery管理

<tr>
    <td>
      <div class="checkbox">
        <label><input type="checkbox" id="checkbox2"></label>
      </div>
    </td>

    <td><p id="taks2">Task 2</p></td>

    <td><span class="glyphicon glyphicon-trash"></span></td>        
  </tr>

任务2

jquery脚本如下所示：

<script>
    $(document).ready(function(){
        $('#checkbox2').click(function(){
            if($(this).is(":checked")){

                $('#taks2').replaceWith('<s>' + $('#task2').text() + '</s>');


            }
            else if($(this).is(":not(:checked)")){

            }
        });
    });
</script>

$（文档）.ready（函数（）{
$（'#复选框2'）。单击（函数（）{
如果（$（this）.is（“：checked”））{
$（'#taks2'）。替换为（'+$（'#task2'）。text（）；
}
如果（$（this）.is（：not（：checked）），则为else{
}
});
});

---

如果用户选中了复选框，则“任务2”应转换为任务（使用del或strike标记后输出），如果未选中复选框，则应再次将其转换为以前的表单，如“任务2”。

选中和未选中复选框时，您可以使用css类添加和删除：

$（文档）.ready（函数（）{
$（'#复选框2'）。单击（函数（）{
如果（$（this）.is（“：checked”））{
$（'#taks2'）.addClass（'strike'）；
}否则{
$（'#taks2'）。removeClass（'strike'）；
}
});
});
.strike{
文字装饰：线条贯通；
}

任务2

您只需使用
CSS
，使用一个选择器来更改
的下一个
标签的样式：选中的
复选框
：


input[type='checkbox']：选中+标签{
文字装饰：线条贯通；
}

任务1
任务2
谢谢。成功了。但是它只对一个复选框有效，如果我想在html代码中调用这个函数5到6次，那么我必须做什么？@Deepak你需要为此共享你的html。可能会为此创建一个新问题我发布了一个不同的解决方案，只有使用
css
是的，我可以这样做，但我想通过jquery实现这一点，那么这是怎么可能的呢？非常简单，就像@Ankit的想法，像这样切换类：看看你在寻找什么