jquery -ifチェックボックスをオフにするか、チェックボックスをオンにすると残りのチェックボックスの値も変更されます

Question

更新ボタンをクリックすると、入力値、チェックボックス、true/falseが表示されます。しかし、ここで私はまた、真から偽

JS/jQueryの

$(document).ready(function(){ 



$("#submit").click(function(e) { 
    e.preventDefault(); 
    var val = $("#inputText").val(); 
    $('#myTable tbody').append("<tr>\n" + " <td>\n" + val + " </td>\n"        + "<td style='align-text:middle'>" + "<input type='checkbox' id='checkbox1' class='alt' name='check' />" + " </td>" + "<td>" + "<input type='text' id='textbox1' class='textbox1'/><input type='text' class='indexHolder'/>" + "</td>" + "</tr>"); 
}); 
$("#submit").click(function(d) { 
    $('#holder').val(parseInt($('#holder').val())+1); 
    $('.textbox1').each(function(){ 
     $('.textbox1').val($(this).is(':checked')); 
     $('.indexHolder').val($('#holder').val()); 
     $('.alt').change(function() { 
      $('.textbox1').val($(this).is(':checked')); 

      }); 
      $(this).click(function() { 
      var index=$(this).closest("tr").find(".indexHolder").text(); 
       //alert(index); 
       if (!$(this).is(':checked')) { 

       } 
      }); 

     }); 
}); 

$("#add").click(function(f) { 
    f.preventDefault(); 

    var val = $("#inputText1").val() 
    $('#myTable').append('<tr><td>' + val + '</td></tr>'); 
}); 

}）に変更し、残りのチェックボックスの値をボックスチェック外したときに、

もし私が更新ボタンをクリックすると、入力された値、チェックボックス、真/偽が表示されます。チェックボックスがチェックされていればそれ以外は偽ですが、ここでチェックボックスをオフにすると残りのチェックボックスの値も真偽

Answer 1

$（文書） .ready（ 機能（）に{

     $(".save") 
           .click(
             function(e) { 
              e.preventDefault(); 
              var val = $("#inputText").val(); 

              $("#holder").val(
                parseInt($("#holder") 
                  .val()) + 1); 
              var x = $("#holder").val(); 
              var checkbox = "checkbox_" + x; 
              var textbox = "textbox_" + x; 


              $('#myTable tbody') 
                .append(
                  "<tr>\n" 
                    + " <td>\n" 
                    + val 
                    + " </td>\n" 
                    + "<td style='align-text:middle'>" 
                    + "<input type='checkbox' id=" + checkbox + " class='alt' name='check' />" 
                    + " </td>" 
                    + "<td>" 
                    + "<input type='text' id=" + textbox + " class=" + textbox + "/>" 
                    + "</td>" 
                    + "</tr>"); 



              $('#textbox_' + x).val($(this).is(':checked'));            

              $('.alt').click(function() { 
               var clickedIdVal = $(this).attr('id').split('_')[1]; 


               if(x == clickedIdVal) { 
                $('#textbox_' + clickedIdVal).val($(this).is(':checked')); 
               } 
               else{ 
                $('#textbox_ '+ clickedIdVal).val($(this).is(':unchecked')); 
                }                                                                       


              });