如何使用jQuery处理从另一个PHP文件填充的html复选框?

double_espresso

我无法禁用使用jQuery从另一个PHP填充的某些复选框。我想我的错误来自哪里$(document).ready请帮忙,谢谢!

PHP:

$result = mysqli_query($con, 'SELECT * FROM table WHERE user="'.$_POST['user'].'%"');
while ($row = mysqli_fetch_assoc($result)) {
    echo '<input type="checkbox" value="'.$row['user'].'" data-tag="'.$row['tag'].'" />'.$row['user'];
}

jQuery:

$(document).ready(function() {
    $('#showResult').click(function() {
        $.ajax({
            type: 'post',
            url: 'load_result.php',
            data: { user: $('#userSelect').val() }
            success: function(data) {
                $('#result').html(data);
            }
    });

    $('input[type="checkbox"]').on('click', function() {
        var $this = $(this);
        var tag = $this.data('tag');
        if ($this.is(':checked')) {
            $('input[type="checkbox"]:not([data-tag*="'+tag+'"])').prop('disabled', true);
        } else {
            $('input[type="checkbox"]:not([data-tag*="'+tag+'"])').prop('disabled', false);
        }
    });
});
春天

由于正在创建新的元素,你做事件绑定之后,你必须使用装置,该装置绑定点击所有的复选框和新的事件。

您的代码应如下所示:

$('body').on('click', 'input[type="checkbox"]',function() {
        var $this = $(this);
        var tag = $this.data('tag');
        if ($this.is(':checked')) {
            $('input[type="checkbox"]:not([data-tag*="'+tag+'"])').prop('disabled', true);
        } else {
            $('input[type="checkbox"]:not([data-tag*="'+tag+'"])').prop('disabled', false);
        }
    });

在过去的版本中,您可以使用,live();但从1.7开始不推荐使用,必须使用on()

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何删除一些复选框并使用单个按钮创建另一个复选框?

来自分类Dev

如何选中另一个复选框的更改复选框?

来自分类Dev

如何选中另一个复选框的更改复选框?

来自分类Dev

JQuery的:当选择另一个复选框复选框如何选择或取消所有复选框

来自分类Dev

jQuery根据选中的另一个复选框设置一个复选框

来自分类Dev

如果选中一个复选框,如何取消选中另一个复选框?

来自分类Dev

如果选中一个复选框,如何取消选中另一个复选框?

来自分类Dev

如果使用CSS选中了另一个复选框,如何隐藏一个复选框?

来自分类Dev

jQuery 复选框更改事件以通过另一个复选框展开可折叠

来自分类Dev

选择另一个复选框后,如何取消选中该复选框?

来自分类Dev

如何通过选中Microsoft Lightswitch中的另一个复选框来更改复选框的状态

来自分类Dev

如何基于AngularJs中的另一个复选框状态选择复选框?

来自分类Dev

选中复选框,如果另一个复选框被选中

来自分类Dev

单击另一个复选框时禁用该复选框

来自分类Dev

选中复选框时,显示另一个复选框

来自分类Dev

选中另一个复选框后,取消选中该复选框

来自分类Dev

通过事件内的另一个复选框更改复选框

来自分类Dev

选中另一个复选框时禁用复选框

来自分类Dev

如何仅从组复选框中的另一个复选框中选中所有其他复选框

来自分类Dev

jQuery选择多个属性并选中/取消选中另一个复选框

来自分类Dev

jQuery的选择几个选项,单击另一个复选框进行多选

来自分类Dev

如果右键单击复选框,高级表单填充将显示另一个表单填充

来自分类Dev

如何使用jQuery在Django模板中基于另一个单元格的值在表格单元格中设置复选框状态

来自分类Dev

如何使用Ajax通过复选框将对象移动到另一个作用域?

来自分类Dev

如何从另一个活动访问设置活动中的复选框值?

来自分类Dev

单击复选框时如何设置另一个可见的项目?

来自分类Dev

如何通过单击按钮添加另一个复选框

来自分类Dev

如何根据复选框设置另一个表单字段?

来自分类Dev

使用Javascript将选中的复选框值传递给另一个JSP

Related 相关文章

  1. 1

    如何删除一些复选框并使用单个按钮创建另一个复选框?

  2. 2

    如何选中另一个复选框的更改复选框?

  3. 3

    如何选中另一个复选框的更改复选框?

  4. 4

    JQuery的:当选择另一个复选框复选框如何选择或取消所有复选框

  5. 5

    jQuery根据选中的另一个复选框设置一个复选框

  6. 6

    如果选中一个复选框,如何取消选中另一个复选框?

  7. 7

    如果选中一个复选框,如何取消选中另一个复选框?

  8. 8

    如果使用CSS选中了另一个复选框,如何隐藏一个复选框?

  9. 9

    jQuery 复选框更改事件以通过另一个复选框展开可折叠

  10. 10

    选择另一个复选框后,如何取消选中该复选框?

  11. 11

    如何通过选中Microsoft Lightswitch中的另一个复选框来更改复选框的状态

  12. 12

    如何基于AngularJs中的另一个复选框状态选择复选框?

  13. 13

    选中复选框,如果另一个复选框被选中

  14. 14

    单击另一个复选框时禁用该复选框

  15. 15

    选中复选框时,显示另一个复选框

  16. 16

    选中另一个复选框后,取消选中该复选框

  17. 17

    通过事件内的另一个复选框更改复选框

  18. 18

    选中另一个复选框时禁用复选框

  19. 19

    如何仅从组复选框中的另一个复选框中选中所有其他复选框

  20. 20

    jQuery选择多个属性并选中/取消选中另一个复选框

  21. 21

    jQuery的选择几个选项,单击另一个复选框进行多选

  22. 22

    如果右键单击复选框,高级表单填充将显示另一个表单填充

  23. 23

    如何使用jQuery在Django模板中基于另一个单元格的值在表格单元格中设置复选框状态

  24. 24

    如何使用Ajax通过复选框将对象移动到另一个作用域?

  25. 25

    如何从另一个活动访问设置活动中的复选框值?

  26. 26

    单击复选框时如何设置另一个可见的项目?

  27. 27

    如何通过单击按钮添加另一个复选框

  28. 28

    如何根据复选框设置另一个表单字段?

  29. 29

    使用Javascript将选中的复选框值传递给另一个JSP

热门标签

归档