JavaScript onclick事件传参的两种实现方式

onclick事件传参的两种主要方式

在网页开发中，向JavaScript方法传递参数主要存在两种实现路径。

第一种方式是在HTML元素的内联事件中直接指定调用逻辑，例如编写为onclick="cancel(id, patientId)"的形式。

随后，需要在独立的JavaScript文件中预先定义对应的cancel函数，以接收并处理传入的参数。

若需同时传递当前触发事件的DOM元素，可将this作为第一个参数传入，写法调整为onclick="cancel(this, id, patientId)"。

在JavaScript函数定义中，对应的参数列表应声明为cancel(obj, id, patientId)，其中obj用于接收传入的DOM对象。

基于jQuery的事件绑定与属性获取

第二种方式采用jQuery框架，在JavaScript代码中通过$(function(){}包裹事件绑定逻辑。

在函数内部，利用jQuery选择器获取元素属性，例如通过var patientId=$("a").attr("patientId")提取特定属性值。

在HTML结构层面，需要在<tr>标签中预先定义好对应的自定义属性，例如<tr patientId="${patientId}">，以便JS读取。

上述内容涵盖了onclick事件处理的核心机制与参数传递的具体语法规范。