2016-10-06 26 views
0

所以我知道有一些關於此的帖子,但我沒有發現他們有幫助,所以我希望這會揭示我的問題。JQuery顯示覆選框表格行數據

我試圖從HTML表格中的複選框行中獲取數據。目前我只想在windows.alert或Visual Studio控制檯上顯示它。但最終我會將數據發佈到數據庫。

我的代碼:

$(document).ready(function() { 
    $('#button').click(function() { 
     var id = []; 
     $(':checkbox:checked').each(function (i) { 
      id[i] = $(this).val(); 
     }); 
     if (id.length === 0) { 
      alert("Please select at least one checkbox"); 
     } 
     else { 
      $.post('http://localhost/Dynamic/?Insert'); 
     } 
    }); 
}); 

我試過alert($(this).text())但只是顯示爲空。

幫助將不勝感激。

如果有幫助,這是我如何填充表:

var tableName = 'table1' 
$.ajax({ 
     url: 'http://localhost/Dynamic?prod=' + tableName, 
     dataType: 'Json', 
     success: function (Results) { 
      $.each(Results, function() { 
       var row = ""; 
       for (i = 0; i < this.length; i++) { 
       var input = '<td>' + this[i] + '</td>'; 
       row = row + input; 
       } 

       $('#table1 tbody:last-child').append('<tr>' + row + '<td> <input class="checkBox" type="checkbox" id="count"/> </td></tr>'); 
      }); 
     }         
    }); 

正如你可以看到表動態填充,因此它可以通過不同的表來填充。

回答

0

我已經得到它的工作,我創建了一個全局數組,並添加了所有的值。然後我創建了一個計數器並將每個複選框的ID設置爲計數器值。然後,在循環回來之前,我遞增計數器,以便與下一行數據進行排序。

然後當我想選擇數據。我檢查數據的複選框。按下按鈕,我會得到每個複選框的ID。然後我把複選框的ID放入數組中,以便在將其添加到數組然後發佈之前獲取該值。

0

你的選擇是錯誤的。 $(':checkbox:checked')應該是$('。checkbox:checked')。 可能會嘗試更改爲不同的類名稱。

$('.mycheckbox:checked').each(function (i) { 
     id[i] = $(this).val(); 
    }); 
+0

不,它是正確的。我嘗試了冒號並且完全停止,只有冒號工作。 –

+0

你的聲明在哪裏? – user3754008

+0

在你的分配語句'code' id.push($(this).val()); '代碼' – user3754008