2015-10-08 31 views
1

我想刪除檢查條件的行,如果選擇與輸入字段值是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*/ 
+2

顯示您的HTML。 '購買的輸入'如何與'檢查器輸入:已檢查'相關 – Satpal

+1

沒有HTML,我們無法知道DOM元素之間的關係。 – ebilgin

+0

實際上有一排....在左側有複選框,右側有輸入框....如果我檢查複選框比它應該檢查天氣的輸入框值是0或不...如果是比只有它應該刪除行 – Rohit

回答

0

var purchased = $(「。purchased 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(); 
     } 
    }); 
}); 



<table> 
    <tr> 
     <td class="renderedItem"> 
      <input type=checkbox class="checker"> 
      <input class="purchased">INPUT 
     </td> 
    </tr> 
    <tr> 
     <td class="renderedItem"> 
      <input type=checkbox class="checker"> 
      <input class="purchased">INPUT 
     </td> 
    </tr> 
     <tr> 
      <td> 
     <button class="removeselected">BUTTON</button> 
      </td> 
      </tr> 
</table> 
+0

實際上輸入的div是在同一個父div的另一行。請建議。 – Rohit

+0

您可以添加父項(),子項(),下一項()或預先選擇購買價值。你能鏈接你的HTML嗎? https://jsfiddle.net/ –

+0

https://jsfiddle.net/xrppdvm4/ – Rohit

1

遍歷每個選中的複選框,然後檢查購買的輸入值在同一行中並刪除元素,如果它是0

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

它適用於我。

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

});