jQuery技术:如何通过条件检查单击复选框删除所选行

我试图删除检查条件的行,如果选择输入字段值为0(有一个输入字段),则只删除行。 请告诉我问题在哪里。 即使输入字段为0,也会删除所选行。

var purchased = $(".purchased input"); /*remove selected item start*/ $('.removeselected').on('click', function(){ var checkedstatus = $(".checker input:checked"); $('.checker').each(function() { if((checkedstatus) && (purchased.val() == 0)){ console.log("Varified"); checkedstatus.parents(".renderedItem").remove(); }else{ console.log("not varified"); } }); }); /*remove selected item end*/ 

    迭代每个选中的复选框,然后在同一行中检查购买的输入值,如果为0,则删除该元素

     $('.removeselected').on('click', function(){ $('.checker .checkboxitem:checked').each(function () { if ($(this).closest('.row').find('.purchased input').val() == 0) { $(this).closest('.checker').remove(); } }); }); 

    var purchase = $(“。purchase input”); 不接受好的输入。 在“each”函数中,您可以使用.next(’input’)。val()或prev()

    FIDDLE: https ://jsfiddle.net/1bzats85/5/

     var purchased = 0; $('.removeselected').on('click', function(){ $(".checker").each(function() { purchased = $(this).next('input').val(); if(this.checked && purchased == 0){ $(this).parents('tr').remove(); } }); }); 
    INPUT
    INPUT

    这个对我有用。

     $('.removeselected').on('click', function(){ $('.checker .checkboxitem:checked').each(function () { if ($(this).closest('.row').find('.purchased input').val() == 0) { $(this).closest('.checker').remove(); } }); 

    });

      以上就是jQuery教程分享如何通过条件检查单击复选框删除所选行相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/561588.html

      (0)
      上一篇 2021年2月4日
      下一篇 2021年2月4日

      精彩推荐