如何传递jQuery onClick中的多个参数

Question

$(document).ready(function () {
var from='2022-02-21';
var to='2022-02-25';
var category ='rt';
var btndiv = '<div class="col-12 text-right">\
               <input type="button" value="Generate Invoice" id="btngenerateinvoice" onclick="generateinvoice('+ from + ',' + to + ',' + category + ')" class="btn btn-blue btn-sm" /></div>';
    $(".btndiv").append(btndiv);
});


function generateinvoice(ff, tt, cc) {
    alert("helo");
    var f = ff;
    var t = tt;
    var c = cc
    
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row btndiv">
                                
</div>

我在OnClick生成的三参数上通过动态函数，但生成这些功能未称为

Answer 1

问题是 onclick="generateinvoice 中的值在渲染时，代码认为它是变量，并且这些值尚未定义。您可以在前面添加 \'在每个变量之后，

您可以执行 onclick="generateinvoice(\''+ from + '\',\'' + to + '\',\'' +category + '\')"

没有\' 呈现的代码可能类似于 generateinvoice(from,to,category)，但是当您添加这些代码时，代码会将变量呈现为 string,s 所以它看起来像generateinvoice('from','to','category')

演示

$(document).ready(function() {
  var from = "f",
    to = "t",
    category = "cc";

  var btndiv = '<div class="col-12 text-right">\
               <input type="button" value="Generate Invoice" id="btngenerateinvoice" onclick="generateinvoice(\''+ from + '\',\'' + to + '\',\'' + category + '\')" class="btn btn-blue btn-sm" /></div>';
  $(".btndiv").append(btndiv);
});


function generateinvoice(ff, tt, cc) {
  alert("helo");
  var f = ff;
  var t = tt;
  var c = cc

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row btndiv">

</div>