1

私は、Java スクリプトで動的に作成されたテーブルを持っています。最初の列として各行に 1 つのチェックボックスがあります。それぞれの行で選択されたチェックボックスに基づいて行データを取得したいと考えています。

var table = document.getElementById("myTable");
var row = table.insertRow(0);
var cell0 = row.insertCell(0);
var cell1 = row.insertCell(1);

cell0.innerHTML = 'Select'; 
cell1.innerHTML = 'Epic';
cell0.innerHTML = " checkbox html code ";
cell1.innerHTML = epicSeries[j];

実際には列が多すぎて、そのうちの 2 つだけを入れています。列ヘッダー 'epic' の下に多くの叙事詩があり、各行の最初の列として 1 つのチェックボックスがあります。選択されたチェックボックスに基づいて行データが必要です。

すみません、コードが長すぎて全部貼り付けられませんでした。

4

3 に答える 3

2

コードの例ともう少し明確な要件があるので、次のことを行う必要があると思います。

$('#myTable input[type=checkbox]:checked').each(function() { 

   var row = $(this).parent().parent();
   var rowcells = row.find('td');
   // rowcells contains all td's in the row
   // you can do 
   // rowcells.each(function() {var tdhtml = $(this).html(); }); 
   // to cycle all of them    

});

そのようなテーブルがある場合：

<table>
  <tr>
     ....
     <td><input type="checkbox" name="cb1" checked></td>
     ...   
  </tr>
</table>

このコードは<tr>、チェックボックスがオンになっているすべてのを返します

行選択チェックボックスがより深いレベルにある場合は、必要なだけ多くする.parent()必要があります

もちろん、この例では jQuery を使用しています。

于 2012-10-11T15:53:03.867 に答える
0 
$('table#tableid input[type=checkbox]').each(function() {
   if ($(this).is(':checked')) {
     .... 
   }
});

そのようなものだと思います

于 2012-10-11T12:56:08.157 に答える
0

これは、jqueryを使用して私の場合に使用したものです:

$('.chkbox').click(function(){
    var row = jQuery(this).closest('tr');//your nearest row for the check box

    $(row).each(function(){
        //get all data using the id and use/store it
        $(this).find(".item").html();
    });
});

各チェックボックスと行の各アイテムにクラスを指定します（chkboxすべてのチェックボックスに使用し、単一行のすべてのアイテムになどitemを使用しました）price

于 2012-10-11T12:52:39.377 に答える