onclick事件傳遞變量參數&拼接字符串

參考：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")';>
  

  
  

• 多參

  • 錯誤寫法，被當做一個參數了

    "<td><input type='submit' value='申請導師'  onclick='applyTutor(\"" + jsonObj[i].surplusQuota + "," + jsonObj[i].tutorNo + "," + jsonObj[i].tutorName + "\")';></td>"
    

    

  • 正確寫法

    "<td><input type='submit' value='申請導師'  onclick='applyTutor(\"" + jsonObj[i].surplusQuota + "\",\"" + jsonObj[i].tutorNo + "\",\"" + jsonObj[i].tutorName + "\")';></td>" +