0

検索を実行するページを作成しました。製品の数は、名前、価格、およびすべてを含む行の形式で返されます。clone行は、jQueryの機能を使用して動的に作成されます。各行には、クローン作成によって作成されたチェックボックスがあります。

私が今試しているのは、各行をトラバースし、チェックボックスがオンになっているかどうかに基づいて各行の値を取得することです。しかし、ここでは動的に複製されたテーブルでトラバーサルが問題になっているようです。

4

1 に答える 1

1

私はあなたの挑戦を正しく理解したことを願っています。この例は、チェックされていない行を無視して、チェックされたチェックボックスを含む複製された行のチェックボックス値を持つアラートを示しています。これはあなたが探しているものではないと確信していますが、複製されたテーブルをトラバースする方法の例としてこれを使用できます。

これがjsFiddleの例です。

<!DOCTYPE html>
<html>
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

  <script type="text/javascript">

    $(document).ready(function() {

      var orig_table_rows = $('#original_table').children().clone();

      $("#new_table").append(orig_table_rows);

      orig_table_rows.children().each(function() {
        $(this).find("input:checked").each(function() {
          alert( $(this).val() );
        });
      });

    });

  </script>
</head>
<body>

original table:
<table id="original_table" style="border:1px solid red;">
  <tr>
    <td><input type="checkbox" name="checkbox_name" value="not_checked_value"></td>
    <td>name</td>
    <td>price</td>
    <td>everything</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox_name" value="checked_value" checked></td>
    <td>name</td>
    <td>price</td>
    <td>everything</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox_name" value="another_checked_value" checked></td>
    <td>name</td>
    <td>price</td>
    <td>everything</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox_name" value="not_checked_value"></td>
    <td>name</td>
    <td>price</td>
    <td>everything</td>
  </tr>
</table>

<br>
<br>

table using the cloned rows:
<table id="new_table" style="border:1px solid blue;">
</table>

</body>
</html>
于 2012-09-22T23:52:35.843 に答える