将复选框值传递给服务器

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请求的每次用户点击复选框，你可以做，在2 ways-

定义功能要执行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); 
    }