シンプルなショッピングフォームを実装するJavaScript

<表の境界線="" セル間隔="0" セルパディング="1">
   <tr スタイル="背景色: #0099cc;">
    <td><input type="checkbox" class="all"/></td>
    <td style="text-align: center; width: 200px;">製品</td>
    <td style="color: white; width: 70px; height: 30px; text-align: center;">価格</td>
   </tr>
   <tr class="zuida">
    <td><input type="checkbox" class="lla"/></td>
    <td>アップル</td>
    <td style="text-align: center;" class="zongji">8000</td>
   </tr>
   <tr class="zuida">
    <td><input type="checkbox" class="lla"/></td>
    <td>バナナ</td>
    <td style="text-align: center;" class="zongji">5000</td>
   </tr>
   <tr class="zuida">
    <td><input type="checkbox" class="lla"/></td>
    <td>梨</td>
    <td style="text-align: center;" class="zongji">2000</td>
   </tr>
   <tr class="zuida">
    <td><input type="checkbox" class="lla"/></td>
    <td>野菜</td>
    <td style="text-align: center;" class="zongji">2000</td>
   </tr>
   <tr>
    <td colspan="3">合計金額は: <span class="zongjia">0</span> 元</td>
   </tr>
</テーブル>

<script src="jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript">
   $(関数(){
     $(".all").change(関数(){
      var 値 = $(this).prop("チェック済み")
      $(".lla").prop("チェック済み",値)
      宗家()
     })
     $(".lla").click(関数(){
      var chang1 = $(".lla").length;
      var chang2=$(".lla:checked").length;
      もし(chang1===chang2){
       $(".all").prop("チェック済み",true)
      }それ以外{
       $(".all").prop("チェック済み",false)
      }
      宗家()
     })
     $(".lla").change(関数(){
      宗家()
     })
     関数zongjia(){
      var xuan=$(".lla:checked").parents(".zuida");
      var 数値 = 0;
      xuan.each(関数(インデックス,rom){
       var xuanzhi=$(rom).find(".zongji").text()*1;
       num+=玄志;
      })
      $(".zongjia").text(数値);
     }
    })
</スクリプト>