【问题标题】:Multiple checkbox selection at AJAX when button clicked单击按钮时在 AJAX 上选择多个复选框
【发布时间】:2022-01-10 06:44:14
【问题描述】:
    <script>
        function display() {
            $.ajax({
                url: "tmp.php",
                type: "get",
                data: {
                    a: $('#selecttmp option:selected').val()
                }
            }).done(function(data) {
                $('#result').text(data);
                alert(data);

                $(document).ready(function() {
                  $('.#buttontmp').click(function() {
                    $('.data').prop('checked', this.checked);
                  });
                });
              });
            }
    </script>

当点击button 时,它会读取select option value 并根据name 检查每个相关的复选框。

使用 AJAX,无需任何刷新即可找到 select option value,但不会选中复选框。我是不是用错了jquery

【问题讨论】:

  • $('.#buttontmp').click() - 你想在这里选择什么元素?您可能需要下定决心,是否要使用类或 ID 选择器。
  • 你为什么要在此时添加点击处理程序?您希望立即检查复选框,而不是在单击其他按钮后立即检查 - 不是吗?
  • @CBroe 事件需要通过单击按钮来发生 从select menu 中选择项目后,需要选中相关复选框。因此我认为Click 是合适的方法。
  • 但是你已经点击了,首先触发了这个 AJAX 请求。那么为什么在请求完成后现在添加额外的点击处理程序呢?此时您想更改复选框的选中状态 - thatjust 那样做。
  • @CBroe 感谢您的更正。我已经发布了我的解决方案!非常感谢

标签: javascript php html jquery ajax


【解决方案1】:
     <script>
        function display() {
            $.ajax({
                url: "test.php",
                type: "get",
                data: {
                    a: $('#selectest option:selected').val()
                }
            }).done(function(data) {
                $('#result').text(data);
                alert(data);

                $('input:checkbox[name='+data+']').each(function() {
                  this.checked = true;
                });
              });
            }
    </script>

我自己已经找到了解决方案,感谢@CBroe 的更正。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-05-13
    • 1970-01-01
    • 2020-11-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-05-03
    • 2023-03-21
    相关资源
    最近更新 更多