如何以编程方式单击按钮并使用 jQuery 传递参数？

Question

我正在使用 jQuery 构建前端页面。我希望以编程方式单击按钮并将一些参数发送到按钮的 jQuery 函数。

按钮的 ID 是“btnAdd”。单击它时，调用的 jQuery 函数如下：

$(document).ready(function() {
    $("#btnAdd").bind("click", { value: sizes }, function(event) {
        console.log(event.data.value);
    });
});

我正在以编程方式单击按钮并使用以下代码传递参数：

$(document).ready(function() {
    $("#sel").change(function() {
        var sizes= ['11','12'];
        $("#btnAdd").click();
    });
});

此代码单击按钮但未传递参数。可能是什么错误？

Answer 1

使用trigger(event, data)

$(document).ready(function() {
  $("#btnAdd").on("click", function(event, data) {
    if (data) {
      console.log('Data sent', data.sizes);
    }else{
      console.log('No data')
    }
  });
});



$(document).ready(function() {
  $("#sel").change(function() {
    var sizes = ['11', '12'];
    $("#btnAdd").trigger('click', {sizes: sizes});
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="btnAdd">click me</button>
<br/>
<label>Check to send data <input type="checkbox" id="sel" /></label>

如何以编程方式单击按钮并使用 jQuery 传递参数？

How to programmatically click a button and pass arguments using jQuery?

javascript

jquery

frontend

arguments

click