jquery each 操作批量数据

注意 请使用class数据 使用id的话 会失败! 

<script>
    $(function () {
        $('.edit').each(function (i) {
            this.onclick = function () {
                $('.div_edit').eq(i).show();
                $('.p_show_feedback').eq(i).hide();
                $('.edit').eq(i).hide();


                $('.pass').eq(i).click(function () {

                    $('.input_feedback').eq(i).val('通过');

                });
                $('.update').eq(i).submit(function () {
                    var input_feedback = $('.input_feedback').eq(i).val();
                    var input_origin = $('.input_origin').eq(i).val();
                    if (input_feedback == '' ) {
                        alert("你还没有修改反馈呢~")
                        return false;
                    }
                    if (input_feedback == input_origin ) {
                        alert("反馈内容相同 无需修改")
                        return false;
                    }

                });


                $('.delete').eq(i).click(function () {
                    if (!confirm("确定删除么")) {
                        return false;
                    };
                });

                return false;
            };
        });








    });
</script>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
如果要实现数据库传入数据,可以使用Ajax来发送请求,将删除数据ID传递到后端进行删除。以下是一个简单的示例: HTML代码: ``` <table> <thead> <tr> <th><input type="checkbox" id="checkAll"></th> <th>Name</th> <th>Email</th> <th>Action</th> </tr> </thead> <tbody> <tr data-id="1"> <td><input type="checkbox" class="checkItem"></td> <td>John Doe</td> <td>john@example.com</td> <td><button class="btnDelete">Delete</button></td> </tr> <tr data-id="2"> <td><input type="checkbox" class="checkItem"></td> <td>Jane Doe</td> <td>jane@example.com</td> <td><button class="btnDelete">Delete</button></td> </tr> <tr data-id="3"> <td><input type="checkbox" class="checkItem"></td> <td>Bob Smith</td> <td>bob@example.com</td> <td><button class="btnDelete">Delete</button></td> </tr> </tbody> </table> ``` jQuery代码: ``` $(document).ready(function() { // Check all checkboxes when checkAll checkbox is clicked $('#checkAll').click(function() { $('.checkItem').prop('checked', $(this).prop('checked')); }); // Delete selected rows when btnDelete button is clicked $('.btnDelete').click(function() { if (confirm('Are you sure you want to delete selected rows?')) { var ids = []; $('.checkItem:checked').each(function() { ids.push($(this).closest('tr').data('id')); $(this).closest('tr').remove(); }); // Send a request to delete the rows $.ajax({ url: 'delete.php', type: 'POST', data: {ids: ids}, success: function(response) { console.log(response); }, error: function(xhr, status, error) { console.log(error); } }); } }); }); ``` 这段代码会为表格中每个删除按钮添加点击事件,并提示用户是否确定删除选定的行。如果用户点击“确定”,则会遍历选中的复选框,将相应的行从表格中删除,并将ID添加到一个数组中。最后,通过Ajax发送一个POST请求到后端的`delete.php`文件,将ID数组发送到后端进行删除操作。在后端,可以通过$_POST['ids']获取ID数组,然后进行相应的删除操作。注意,这里的示例代码仅供参考,需要根据实际情况进行适当修改。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

安果移不动

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值