0

テーブルのチェックボックスをチェックする方法は？jquery関数を使用してチェックボックスを動的に追加するための以下のコードがあります。以下のコードはチェックボックスを動的に追加することに成功していますが、問題は、関数によって追加されたチェックボックスをチェックできない（無効にする）ことです。

<table id="detail">
  <tr>
    <td><input type="checkbox" id="cb" name="cb[]"></td>
  </tr>
</table>

これは、行を追加するためのボタンです。

<input type="button" id="addRow" value="ADD ROW" />

そしてこれは私が持っているjquery関数です：

<script type="text/javascript">
  $(document).ready(function() {
    $("#addRow").click(function() {
      $('#detail tbody>tr:last').clone(true).insertAfter('#detail tbody>tr:last');
    });
  });
</script>

誰でもコードを手伝うことができますか？ありがとう... ：）

4

3 に答える 3

3

最初にjavascript関数を修正してください！

  $(document).ready(function() {
    $("#addRow").click(function() {
      $('#detail tbody>tr:last').clone(true).insertAfter('#detail tbody>tr:last');
    });
  });

そして、あなたのコードは私のために働くということは、チェックボックスがチェックされていることを意味します（最後のチェックボックスにチェックを入れた場合にのみ、コードはそれを複製します）

私のjsfiddleまたはjsfiddleが更新されているのを見てください

于 2012-09-21T05:41:44.243 に答える
2
于 2012-09-21T05:44:07.837 に答える
0 
 $("#addRow").click(function() {
     var row = $('#detail tbody>tr:last').clone(true);

     // Clear last value
     row.find("input:checkbox").attr('checked', false);

     // Change name attr
     row.find("#cb").attr('name', 'newNmae');

     //disabled set as a true
     row.find("input:checkbox").attr('disabled', true);

     row.insertAfter('#detail tbody>tr:last');
});
于 2012-09-21T05:40:53.077 に答える