チェックされていないと付加価値を削除する方法

Question

ここに私のスクリプトです。私はtrがビューのために追加されていることを確認します。

$("#jobSkills").on('change', '.selectPiSkill', function() { 
    var count = $(this).attr('count'); 
    if (this.checked) { 
     var title = $('#skill_' + count + '_title').val(); 
     var weightage = $('#skill_' + count + '_weightage').val(); 
     $('#PiSkills tr:last').after('<tr class="' + count + '"><td class="col-xs-4"><input value="' + title + '" readonly class="form-control text-center"></td><td class="col-xs-4"><input value="' + weightage + '" readonly class="form-control text-center" type="text"></td></tr>'); 
    } else { 
     //unchecked remove tr 
     $('#PiSkills tr.' + count).remove(); 
    } 
}); 

<table id="PiSkills" class="table table-responsive" style="margin-bottom:5px"> 
    <tr> 
     <th width="450"><input type="text" readonly value="Skill" class="form-control text-center"> </th> 
     <th width="450"><input type="text" readonly value="Weightage(%)" class="form-control text-center"> </th> 
    </tr> 
</table> 

Answer 1

私は、これはあなたが探しているものであるかはわかりません。以下は

は、テーブルの行を削除する例です

HTML

<table class='test'> 
<tr> 
    <th>Name</th> 
    <th>Test 1</th> 
    <th>Test 2</th> 
    <th>Optional</th> 
</tr> 
<tr> 
    <td>A</td> 
    <td><input class='test1' type="checkbox"></td> 
    <td><input class='test2' type="checkbox" checked="checked"></td> 
    <td><button class='opt1'>REMOVE</button></td> 
</tr> 
<tr> 
    <td>B</td> 
    <td><input class='test1' type="checkbox"></td> 
    <td><input class='test2' type="checkbox"></td> 
    <td><button class='opt1'>REMOVE</button></td> 
</tr> 
<tr> 
    <td>C</td> 
    <td><input class='test1' type="checkbox"></td> 
    <td><input class='test2' type="checkbox" checked="checked"></td> 
    <td><button class='opt1'>REMOVE</button></td> 
</tr> 
</table> 
<br> 
<div class='result'> 

</div> 

JAVASCRIPT

$(".opt1").on("click",function(){ 
    var q = $(this); 
    $(".result").css("border","1px solid red").html(q.parents("tr").html()).append("<b>This row has been removed</b>"); 
    q.parents("tr").remove(); 
}); 

$(".test2").on("click",function(){ 
    var q = $(this); 

    if(!q.is(":checked")){ 
    $(".result").css("border","1px solid red").html(q.parents("tr").html()).append("<b>This row has been removed</b>"); 
    q.parents("tr").remove(); 
    }else{ 
    alert("CHECKED"); 
    $(".result").text("NEW CHECKED"); 
    } 

}); 

そしてjsfiddleの例：この1 @https://jsfiddle.net/synz/ot2jp5uL/

？ ：https://jsfiddle.net/synz/zwom17uw/2/

Answer 2

わからないが、これはこれをチェックアブドゥルwaheed @

$('#PiSkills tr').each(function(){ 
     if($(this).attr('class') == count){ 
     $(this).remove(); 
     } 
    })