<dl class="car"> <dt><p class="ck_btn" data-id="71790817"></p> <a href="goods-18976.html"><img src="https://s.cccgx.com/t/200x200/images/qu/18976/gallery/m20211019094313_99448.jpg" class="ca_pic"></a> </dt> <dd><a href="goods-18976.html" class="gk_a">潮影森美 全硅胶性感甜心胶实体娃娃 159cm</a> <p class="ca_atr">169普通款</p> <p class="shu_ck"> <em class="cc_sub" data-id="71790817">-</em> <input type="number" id="gnum" data-id="71790817" class="gnum c_pt" min="1" value="7"> <em class="cc_add" data-id="71790817">+</em> </p> <span class="ca_jg">¥15200.00</span> <a href="javascript:;" data-id="71790817" data-z="" class="ca_del">删除</a> </dd> </dl>帮我做一个js代码，我点击dl标签class为car car_on时候点一次将他class属性设置为car,再次点击时恢复为car car_on，并判断如果class为car car_on时，将data-id和input的value值用post传值到t.php页面并回调显示在一个id为c_gprice的em标签里面,请给出完整代码

以下是js代码，需要引入jQuery库：

$(document).ready(function() {
  $(".car").click(function() {
    $(this).toggleClass("car_on");
    if ($(this).hasClass("car_on")) {
      var dataId = $(this).find(".ck_btn").attr("data-id");
      var gnum = $(this).find(".gnum").val();
      $.post("t.php", { dataId: dataId, gnum: gnum }, function(data) {
        $("#c_gprice").html(data);
      });
    }
  });
});

HTML代码：

<dl class="car">
  <dt>
    <p class="ck_btn" data-id="71790817"></p>
    <a href="goods-18976.html"><img src="https://s.cccgx.com/t/200x200/images/qu/18976/gallery/m20211019094313_99448.jpg" class="ca_pic"></a>
  </dt>
  <dd>
    <a href="goods-18976.html" class="gk_a">潮影森美 全硅胶性感甜心胶实体娃娃 159cm</a>
    <p class="ca_atr">169普通款</p>
    <p class="shu_ck">
      <em class="cc_sub" data-id="71790817">-</em>
      <input type="number" id="gnum" data-id="71790817" class="gnum c_pt" min="1" value="7">
      <em class="cc_add" data-id="71790817">+</em>
    </p>
    <span class="ca_jg">¥15200.00</span>
    <a href="javascript:;" data-id="71790817" data-z="" class="ca_del">删除</a>
  </dd>
</dl>

注：t.php页面需要根据传递的dataId和gnum参数进行对应的处理，并将处理结果返回，这里没有给出t.php的代码。