delete関数は、テーブルから最後のレコードを削除します。 js jquery.updated

Question

私はDBから値を取得する動的テーブルを持っています。私はデータベースからレコードを削除するためにonclcikがクエリを実行するボタンを持っています。現在、（クリックされた）レコードを削除する代わりに、最後のレコードを削除しています。私はここから更新しています。何とか最後のIDがクエリに送信されていて、何とか最後のIDが送られてきたときに問題を見つけました、とにかく選択されたIDを削除できます。詳細はコードを見てください。

//this is how im creating dynamic table 
 
//just for the test 
 
function() { 
 
    
 
    }); 
 

 
    });

<table> 
 
    <thead> 
 
    <tr> 
 
     <td> 
 

 
     </td> 
 
    </tr> 
 

 
    </thead> 
 
    <tbody id="table"></tbody> 
 
</table> 
 

 

 
<button type="button" id="chochk" style="display:none" class="sukuti">delete</button>

。

Answer 1

おそらく、changeのチェックボックスのイベントで直接聞​​いたほうが良いかもしれません。その後、event.targetの値を取得していますか？変数adをあなたのコードに入れているのは間違っていますが、それがどのように導出されているかはわかりませんが、その理由を理解するのは難しいです。 以下の例は、チェックボックスの値を取得する簡単な方法を示しています。これが正解につながる可能性があります。

代わりにチェックボックスの

$('.test').on('change', function(e) { 
 
    alert(e.target.value); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
Value of 1: <input type="checkbox" class="test" value="1" /><br /> 
 
Value of 2: <input type="checkbox" class="test" value="2" />

Answer 2

、ラジオボタンを使用するので、ユーザは、一度に1つを選択することができます。次に、削除ボタンのハンドラで、チェックされたボタンの値を取得し、それをサーバに送信します。あなたは変数 `ad`を設定するのです

//this is how im creating dynamic table 
 
//just for the test 
 
function() { 
 
    var table = document.getElementById('tablebody'); 
 

 
    for (var i = 0; i < (test.length); i = i + 2) { //test is an array of values from db 
 
    var row = table.insertRow(-1); 
 

 
    var cell3 = row.insertCell(-1); 
 
    var cell1 = row.insertCell(-1); 
 
    var cell2 = row.insertCell(-1); 
 

 
    cell1.innerHTML = //some html span 
 
    cell2.innerHTML = //some html span 
 

 
    //this is the checkbox which onclick shows the button 
 
    cell3.innerHTML = '<input type="radio" name="checkbox" class="your" value="ID of current row">'; 
 
    } 
 

 

 

 
    ///this is how i am displaying a button on click and also delete function 
 
    $(document).on('click', ".your", function() { 
 
    $('#chochk').show(); 
 
    }); 
 

 
    $(".sukuti").click(function() { 
 
    var ad = $(".your:checked").val(); 
 
    $.post("test.jsp", { 
 
     id: ad //ad is the ID which will delete the specifIC ID being clicked 
 
    }, function(data) { //sending a query to delete from db working good 
 

 
    }); 
 

 
    });

<table> 
 
    <thead> 
 
    <tr> 
 
     <td> 
 

 
     </td> 
 
    </tr> 
 

 
    </thead> 
 
    <tbody id="table"></tbody> 
 
</table> 
 

 

 
<button type="button" id="chochk" style="display:none" class="sukuti">delete</button>