css结合js 处理复选框

prtyaa 2023-12-26 18:00:10  50899

分类专栏：资讯

html:

//逐条删除
<label class="labels">
  <input type="checkbox" name="subCheck" value="" class="checkboxs checkboxs1" id="checkboxs1">
  <span class="option"></span>
</label>
//批量删除
<label for="checkAll" class="labels checkAll">
  <input type="checkbox" name="subcheckAll" value="" class="checkboxs" id="checkAll">
  <span class="option"></span>
</label>

JS:

// 批量选中删除
  $(document).on("click",Class1,function() {
       // 遍历选中的checkbox
       $("input[name='subCheck']:checked").each(function() { 
       // 获取checkbox所在行的顺序
           n = $(this).parents(".tr").index(".list>.tr");  
           $(Class2).find(".tr:eq("+n+")").fadeOut();
       });
   });

 // 选中 取消
  $(document).on("click","#checkAll",function() {
    if ($(this).is(":checked")) {
        $("[name=subCheck]:checkbox").prop("checked", true);
    } else {
        $("[name=subCheck]:checkbox").prop("checked", false);
    }

网站声明：如果转载，请联系本站管理员。否则一切后果自行承担。

本文链接：https://www.xckfsq.com/news/show.html?id=30960

赞同 0

评论 0 条

css结合js 处理复选框

相关文章

关注我们