我在向jQuery函数（jQuery v3.6.1）传递多个变量时遇到了问题

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>

function takeId(newButtonId, startTime, endTime, date, note){

    $('#myModal').modal('show');
    try {
        $('#bookingIdHidden').attr('value', newButtonId);
        $('#timeStart').attr('value', startTime);
        $('#timeEnd').attr('value', endTime);
        $('#date').attr('value', date);
        $('#note').attr('value', note);
    } catch(err) {
        alert(err); 
    }

};

由于某种原因，这不起作用（函数根本不运行），但是当我只传入一个值并且只设置#bookingIdHidden的值时，它确实起作用
这个函数是使用onclick（）从一个按钮调用的，如下所示：

<input type='button' name='edit' value='Edit' onclick="takeId($newButtonId, $startTime, $endTime, $date, $note);" id='1'>

超声心动图版本
一个三个三个一个
有人知道为什么吗？
所有的帮助将不胜感激