Question

这是我从数据库表中获取一些数据并将复选框放在页面中的函数。

function myfunction() {

  var dataObject = {};

  $.ajax({
    url: "http://localhost:45217/api/Symptom/LoadSymptom",
    type: "GET",
    data: JSON.stringify(dataObject),
    contentType: "application/json",
    success: function (response) {

      for (var i = 0; i < response.length; i++) {
        tr = $('<tr/>');
        tr.append("<td>" + response[i].SymptomName + "</td>");
        tr.append("<td>" + "<input type=checkbox  tr.id=" + i + " value=" + i + ">" + "</td>");

        $('table').append(tr);
      }
    }
  });

}

我如何将此复选框值传递给服务器。

Answer 1

http://api.jquery.com/jquery.post/

$.post( "YourServerPageToProcessData.php", function( dataToSendToServer ) { /* client action on success or error here */ });

- 你试过吗？

Answer 2

为了在每次用户点击复选框时发出Ajax请求，您可以通过两种方式执行此操作 -

定义要在onClick上执行的功能 -

function someFn() { // perform some Ajax request }

方法1：

  for (var i = 0; i < response.length; i++) {
    tr = $('<tr/>');
    tr.append("<td>" + response[i].SymptomName + "</td>");
    tr.append('<td><input type=checkbox  id="' + i + '" value=' + i + ' onclick="someFn()"></td>');

    $('table').append(tr);
  }

方法2：

$('input[id^="symptom_chkbox_"]').on('click', function(){ // perform some Ajax request })

  for (var i = 0; i < response.length; i++) {
    tr = $('<tr/>');
    tr.append("<td>" + response[i].SymptomName + "</td>");
    tr.append('<td><input type="checkbox" id="symptom_chkbox_' + i + '" value=' + i + '></td>');

    $('table').append(tr);
  }

将复选框值传递给服务器

2 个答案: