jQueryを使用してチェックボックスのチェックステータスを更新できません

Question

オン追加ボタンをクリック最後の行のクローンを使用して新しい行を追加しますが、最後の行に既にチェックされている場合はチェックボックスをオフにします。

にコード全体を確認してください：http://jsfiddle.net/MMDZX/

Answer 1

変更破線へ：

jQuery("#dataTable tr:last").find("input[type='checkbox']").attr("checked", false); 

2つの問題：

• あなたは、input要素の間違った種類に検索しているが（type=texttype=checkboxとは対照的に）。
• 属性を設定するにはブール値ではなく文字列を使用していますが、文字列が真実であるため、チェック状態に設定しても問題ありません。

また、.children().children()は不要です。この場合、.find()（またはancestor-descendant）の方がはるかにきれいです。

Demo.

Answer 2

ここで働くのコードを参照してください：http://jsfiddle.net/3rLqV/

がremove確認ステータス行を変更するには、次の

jQuery("#dataTable tr:last input[type='checkbox']").removeAttr("checked"); 

あなたの二つの主要な問題は、あなたがtype='text'を探していたことがあったが、代わりにチェックボックスのとcheckedをfalseに設定することはできません。それはそこにあるかどうかです。

Answer 3

この

// to add new row 
     jQuery("#addRow").click(function() { 
      var jqasdasuery = jQuery("#dataTable tr:last").clone(); 
      jqasdasuery.find('input[type=checkbox]').attr("checked", false); 
      jQuery("#dataTable").append(jqasdasuery); 
      setAttributes(); 
     }); 

Answer 4

はクローン後

$(':checkbox',jqasdasuery).attr('checked', false);

を追加してみてください。

Answer 5

$(document).ready(function() { 
      $("#addRow").on('click', function() { 
       var jqasdasuery = $("#dataTable tr:last").clone(); 

       $("#dataTable tbody").append(jqasdasuery); 
       $("#dataTable tr:last").find(':checkbox').attr('checked', false); 
       $("#dataTable tr:last").find('select option:first').attr('selected', true); 
       setAttributes(); 
      }); 

      $("#deleteRow").on('click', function() { 
       if ($("#dataTable tr").length === $("#dataTable input:checked").length) { 
        alert("You cant delete all the rows") 
       } else { 
        $("#dataTable").find(':checked').each(function() { 
         $(this).parents('tr').remove(); 
        }); 
       } 

       setAttributes(); 
      }); 
     }); 

     function setAttributes() { 
      $("#dataTable tr").each(function (i) { 
       $(this).find(":checkbox").attr("name", "chk" + i); 
       $(this).find(":text").attr("name", "txt" + i); 
       $(this).find("select").attr("name", "country" + i); 
      }); 

      //$("#dataTable tr:last").find("input[type='text']").attr("checked", "false"); 
     }; 

Answer 6

最後の行をクローンするときに、チェックボックスのチェック状態を削除します。 。あなたは、以下の行を追加することができます

、

jqasdasuery.find（ "入力[タイプ= 'チェックボックス']"）attrが（false 'にチェックします'）;

するvar jqasdasuery = jQueryの（ "＃dataTableのTR：最後の"）した後、クローン（）;。

"#addRow"クリック機能。