Question

我有一个有多行的gridview。我试图遍历每一行获取值并使用ajax类将值提交到数据库。

来自gridview的html是

 <input id="GridView3_ctl03_chkEmployee" type="checkbox" name="$GridView3$ctl03$chkEmployee" />
            </td><td>
                        <span id="_GridView3_ctl03_lblprivateId" class="idName">6878</span>
                    </td><td>
                        <span id="_GridView3_ctl03_lblCompany" class="FName">abcd Inc.</span>
                    </td>
        </tr><tr style="color:#8C4510;background-color:#FFF7E7;">
            <td>

我有以下jquery代码，用于选择已检查的每一行。

$(document).ready(function () {
           $("#submit").click(function () {
               var record;
               alert("starting");
               $("#<%=GridView3.ClientID%> input[id*='chkEmployee']:checked").each(function () {
                   var value = $(this).find('.FName').val();
                   alert(value);
               });
           });
       });

我无法提取FName和idName的值。我得到错误未定义。任何想法如何解决它？

Answer 1

由于有多个课程，您需要尝试这样的课程

var arr = [];
  $('.yourClassName').each(function(){
      arr.push($(this).text());
   });

在此，数组将包含您的值，您可以随意使用它

Answer 2

试试这个

$(document).ready(function () {
var arr = [];
 $('tr [type="checkbox"]:checked').parent().each(function () {
   var value = $(this).find('.FName').val();
   arr.push(value);   
});
  callAjaxGetJoiningDate(arr);
});
function callAjaxGetJoiningDate(hashVal) {
var address = "Ypurpage.aspx";
$.ajax({
    type: 'POST',
    url: address,
    data: { empCode: hashVal },
    beforeSend: function () {
        // this is where we append a loading image
        $('#ajax-panel').html('<div class="loading"><img src="images/loading.gif" alt="Loading..." /></div>');
    },
    success: function (data) {
        // successful request; do something with the data
        $('#ajax-panel').empty();
        var actualData = data.trim().split('~');
        $("#YourResultControl").val(actualData[1]);

    },
    error: function () {
        // failed request; give feedback to user
        $('#ajax-panel').html('<p class="error"><strong>Oops!</strong> Try that again in a few moments.</p>');
    }
});

使用jquery提取行值

2 个答案: