向jQuery函数传递多个参数

Question

我在传递多个变量到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'>

回声版本

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

<input type="button" name="edit" value="Edit" onclick="takeId(1," 06:00:00.0000,="" 07:00:00.0000,="" 2023-01-05,="" ,="" 0)="" id="1">

有人知道为什么吗?

一切帮助将不胜感激

Answer 1

首先，在调用函数时传递额外的参数。删除额外的参数并尝试。如果仍然不行，请尝试下面的解决方案

像下面的代码片段那样用单引号传递参数给函数。

<input type="button" name="edit" value="Edit" onclick="takeId(1, '06:00:00.0000', '07:00:00.0000', '2023-01-05', '') id="1">