Question

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

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

}）;

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

Answer 1

$（文件）。准备（ function（）{

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


                                            });

jquery -if我取消选中或选中复选框，其余复选框值也已更改

1 个答案: