0

次の表があると仮定します。

<table>
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      <th>Column 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>A1</td>
      <td><input type="checkbox"/> A2</td>
      <td>A3</td>
    </tr>
    <tr>
      <td>B1</td>
      <td><input type="checkbox"/> B2</td>
      <td>B3</td>
    </tr>
    <tr>
      <td>C1</td>
      <td><input type="checkbox"/> C2</td>
      <td>C3</td>
    </tr>
  </tbody>
</table>

チェックボックスがオンになっている行についてのみ、テーブルからJSONを生成したい。「ここにチェックを挿入」には何を入れますか？

var myRows = [];
var $headers = $("th");
var $rows = $("tbody tr").each(function(index) {
  $cells = $(this).find("td");
  myRows[index] = {};
  $cells.each(function(cellIndex) {
    // Insert Check Here
    myRows[index][$($headers[cellIndex]).html()] = $(this).html();
  });    
});

var myObj = {};
myObj.myrows = myRows;
alert(JSON.stringify(myObj));​
4

4 に答える 4

1

試してみてください：

var selectedRowsHTML = "";

$('table input:checked').each(function() {
  selectedRowsHTML += $(this).closest('tr').html();
});

console.log("This is the HTML for selected rows: "+ selectedRowsHTML);

「：checked」セレクターを使用すると、テーブル内でチェックされた入力のみを取得できます。それらを繰り返し処理し、「closest（'tr'）」で親行を見つけます。そして、それがすべてです。すべての行（またはそれらでやりたいこと）のHTMLを取得します。

于 2012-04-15T16:26:24.010 に答える
1

チェックされているチェックボックスがTDに含まれているかどうかをテストするために、Ifステートメントを追加しました。コードのコメントを参照してください。

// Loop through grabbing everything
    var myRows = [];
    var $headers = $("th");
    var $rows = $("tbody tr").each(function(index) {
      $cells = $(this).find("td");
      myRows[index] = {};
      $cells.each(function(cellIndex) {
         if($(this).find('checkbox').is(':checked')) //Find the checkbox within the TD and test if it's checked or not
         {
           myRows[index][$($headers[cellIndex]).html()] = $(this).html();
         }
      });    
    });

// Let's put this in the object like you want and convert to JSON (Note: jQuery will also do this for you on the Ajax request)
var myObj = {};
myObj.myrows = myRows;
alert(JSON.stringify(myObj));​
于 2012-04-15T16:26:33.773 に答える
0

このようにどうですか

$("table input:checked")  //filter based on your requirement
.each(function()
{
  var td=$(this).parent();  //gets the `td`, do the necessary
});
于 2012-04-15T16:27:39.097 に答える
0

チェックボックス：チェックされたセレクターと最も近いものを使用して、特定のタイプの最も近い要素を見つけることができます。

var selectedRows = [];
$('table input:checkbox:checked').each(function() {
  selectedRows.push($(this).closest('tr'))
});

selectedRowsには、選択されたテーブル行の配列が含まれます

于 2012-04-15T16:50:37.400 に答える