Question

我有一个动态表，可以从db获取值。我有一个按钮，onclcik运行查询以从数据库中删除记录。目前，它不是删除记录（被点击）而是删除最后可用的记录。我正在从这里更新我找出问题当我向帖子提供ID以某种方式将最后一个ID发送到查询时，无论如何我可以删除已选择的ID。请查看代码以获取更多信息

＆＃13;

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

＆＃13;

<table>
  <thead>
    <tr>
      <td>

      </td>
    </tr>

  </thead>
  <tbody id="table"></tbody>
</table>


<button type="button" id="chochk" style="display:none" class="sukuti">delete</button>

＆＃13;

Answer 1

也许您最好直接听取复选框的change事件，然后再获取event.target的值？在我怀疑的代码中获取变量ad的方式有问题，但如果没有看到它是如何导出的，那么很难理解为什么。下面的示例显示了获取复选框值的简单方法，希望这可能会引导您找到正确的答案。

＆＃13;

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

＆＃13;

<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" />

＆＃13;

Answer 2

使用单选按钮代替复选框，因此用户一次只能选择一个。然后在删除按钮的处理程序中，获取已选中按钮的值并将其发送到服务器。

//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>

删除功能删除表中的最后一条记录。 js jquery.updated

2 个答案: