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

我试图删除检查条件的行，如果选择输入字段值为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*/ 

Answer 1

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

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

Answer 2

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 
 
 
 
 BUTTON 
 
  

Answer 3

这个对我有用。

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

}）;