jquery - 如果我取消选中或选中复选框，其余复选框的值也发生了变化答案

【问题标题】：jquery -if i uncheck or check the check box the remaining check box values also changedjquery - 如果我取消选中或选中复选框，其余复选框的值也发生了变化
【发布时间】：2016-07-15 12:56:54
【问题描述】：

如果我点击更新按钮，它将显示输入的值、复选框和真/假。如果复选框被选中，则显示真否则为假。但是当我取消选中复选框时，其余复选框值也从真变为假的

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>');
});

});

【问题讨论】：

代码示例很难阅读。您可以仅使用复选框重新发布并包含屏幕截图吗？
好的，我可以在另一个问题中发帖吗
不，使用 EDIT 清除此问题
我已编辑。现在应该没问题（如果接受）
一个明显的问题是你所有的jQuery代码都应该在$(document).ready()

标签： jquery

【解决方案1】：

$（文件）。准备好（函数() {

                        $(".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'));
                                                    }                                                                                                                                                                                                                                                                                           


                                            });

【讨论】：