onclick事件传递变量参数&拼接字符串

Posted 2020-12-10 musecho

参考：https://blog.csdn.net/qq_37212970/article/details/96438987

• 报错：jsonObj is not defined at htmlInputElement.onclick

  

• 源代码：拼接html

  html +=
  "<td><input type=‘submit‘ id=‘checkTutorInfoBtn‘ value=‘查看详情‘ onclick=‘checkTutor(jsonObj[i].tutorNo)‘></td>";
  

• 解决：

  字符串拼接问题

  checkTutor()内第一个转义双引号表示checkTutor函数引用参数，第二个双引号和开头<td>前双引号为一对；然后加参数；后面第一个双引号表示开始字符串，第二个双引号为checkTutor函数结束引参。

  html+=
  "<td><input type=‘submit‘ id=‘checkTutorInfoBtn‘ value=‘查看详情‘ onclick=‘checkTutor(""+jsonObj[i].tutorNo+"")‘;></td>";
  

  
  
  • 输出html是这样的

  <td><input type=‘submit‘ id=‘checkTutorInfoBtn‘ value=‘查看详情‘ onclick=‘checkTutor("20170000")‘;>