今天的題目算是a bit of a tough one。

一開始看到一個checkbox們，你對其中一個打勾，再按住shift對另一個打勾，中間的選項會自動勾起來。

不管是由上選下來，還是由下選上來

• 功能
  • 像Gmail選取郵件這樣，可以先選一個，再「按住shift」勾選，進行多選的效果。
• 畫面
  • 滑鼠點覽checkbox，要打勾，再點擊則取消
  • 「按住shift」勾選，若畫面上已有打勾，則此次和上次打勾的選項中間都要自動打勾
  • 追加
    • 第三次打勾...自己要勾起來，已勾過的到自己中間的也都要勾起來，但是己勾過的不能改變。

以前都寫C++。 物件長怎樣 就要依序存取進去，由外而內。

不同於以往的程式撰寫思維。 在此，程式操作只要針對<input> 所以，影片中就直接把<input>抓出來處理。

長得相同，實則不同

在querySelector完之後，列出來的<input type='checkout"checkbox">每一個都是HTMLInputElement，長得相同，卻位址不同。要視為不同之物。

所以在上面監聽click也是可以用this進行比對。