Question

当用户点击按钮时，它会显示从数据库中获取的动态数据以及相应的复选框。所以用户选择或选中某些数据的复选框并提交结果，然后将这些数据存储在数据库中。再次，用户点击相同的按钮，然后再次显示这些数据，但这次应检查选择购买用户的数据。我试图这样做，但能够在jquery中为它编写代码。

下面是我的代码......

的javascript

 $(document).ready( function() {    
        $('#location_choose').click(function(e){
                branch();
                document.getElementById('brn_light').style.display='block';

                document.getElementById('fade').style.display='block';

        });

        function branch()
        {               
            //alert(user_id);
            $.ajax({
                        url: "<?php echo base_url(); ?>/login/branch",
                        data: {},
                        type: "post",
                        cache: false,
                        success: function (data)
                        {
                            //alert(data);
                            var obj = $.parseJSON(data);
                            var result = "";
                            <?php foreach($resultsb as $rows){?>


                            for ( var i = 0; i < obj.length; i++ ) 
                            {

                                result+="<table id='branchtable'><tr height='25px' ><td>&nbsp&nbsp</td><td ><input class='test' type='checkbox' name='branch_name' value="+obj[i].id+"<?php echo ($rows['branch_id']=="+obj[i].id+"? 'checked' : '');?>></td><td width='15px'></td><td width='630px'><b>"+obj[i].branch_name+
                                    "</b></td></tr><tr><table id='branch_address' style='background-color:#EBF5FB'><tr><td>&nbsp&nbsp</td></tr><tr><td width='60px'></td><td width='440px'>"+obj[i].address+"</td><td width='40px'></td></tr><td>&nbsp</td></table></tr><tr></tr></table>";

                            }
                            <?php }?>
                            //alert(result);

                            document.getElementById("branch_table").innerHTML=result;
                        },
                        error: function (xhr, ajaxOptions, thrownError) 
                        {
                            //alert(thrownError);
                        }
                });
        }

    });

我尝试使用

    <?php echo ($rows['branch_id']=="+obj[i].id+"? 'checked' : '');?>

在上面的代码中，但它仍未检查先前选择的代码。

Answer 1

提供相同类的复选框并编写Jquery代码

<html>
<head>

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
<script>
$( document ).ready(function() {

                $( ''.select_all_text).click(function() {

                         var is_check = $(".select_type").prop('checked');
                                        if(is_check == false)
                                        {
                                            $(".select_type").prop('checked', true);
                                            $(''.select_all_text").text('De-select All');
                                        }
                                        else
                                        {
                                            $(".select_type").prop('checked', false);
                                            $('.select_all_text").text('Select All');
                                        }


                    });


});

</script>
</head>
<body>
<p style="position: sticky; z-index: 100; width: 50%;"><a  id="select_all" onclick="check_uncheck" style="margin-right: 2%;" href="javascript:void(0)">Select all</a> 
 <?php
        foreach($data_list as $data)
              {
              ?>
              <input type="checkbox" name="select_type[]" value="<?php echo $item_id; ?>" class="select_type" id="select_type"/>

            <?php
              }
 ?>
</body>
</html>

如何在使用jquery和php从数据库中获取数据后检查复选框

1 个答案: