Javascript OpenCart 1.5.6.4在checkout.tpl上处理单击事件（带有输入选择的新装运方法）

我在OpenCart 1.5.6.4文件catalog/view/theme/default/template/checkout/checkout.tpl中进行了编辑，试图用select元素处理我的新发货方法中的单击事件。单击id为bmat.bmat的“选择要检查的元素bmat_数据”单选按钮后，我需要

这部分代码通过ajax从catalog/view/theme/default/template/checkout/shipping\u method.tpl加载到checkout.tpl

<div id="shipping-method">
  <div class="checkout-heading">Step 4: Shipping</div>
  <div class="checkout-content">
    ...
    <tr class="highlight">
     <td><input type="radio" name="shipping_method" value="bmat.bmat" id="bmat.bmat"></td>
     <td>
       <label for="bmat.bmat">BMat</label>
       <select name="bmat_data" id="bmat_data">
         <option value="0">---</option>
         <option value="1">A</option>
         <option value="2">B</option>
       </select>
     </td>
     <td style="align:right;"><label for="bmat.bmat">some price</label></td>
    ...
  </div>
</div>

单击“选择元素”单选按钮后未选中，我无法解决原因。如果我在单独的文件中编写Similar代码，它就可以工作，但在OC中的checkout.tpl文件中就不行了。

---

有人能帮我吗？

我尝试了另一种方法，将jquery代码直接插入select元素，它就可以工作了。有人知道为什么它是这样工作的，而以前没有

<select name="bmat_data" id="bmat_data" onclick="$('input#bmat\\.bmat').prop('checked', true);">

---

我已经解决了。当checkout.tpl仅加载基本结构时，我希望处理的元素不存在。这些元素稍后通过ajax注入。当我将jquery代码移动到注入文件shipping\u method.tpl时，它工作正常

<div id="shipping-method">
  <div class="checkout-heading">Step 4: Shipping</div>
  <div class="checkout-content">
    ...
    <tr class="highlight">
     <td><input type="radio" name="shipping_method" value="bmat.bmat" id="bmat.bmat"></td>
     <td>
       <label for="bmat.bmat">BMat</label>
       <select name="bmat_data" id="bmat_data">
         <option value="0">---</option>
         <option value="1">A</option>
         <option value="2">B</option>
       </select>
     </td>
     <td style="align:right;"><label for="bmat.bmat">some price</label></td>
    ...
  </div>
</div>
<script>
  $('#bmat_data').click( function() {
      $('#bmat\\.bmat').prop('checked',true);
  });
</script>
});

<div id="shipping-method">
  <div class="checkout-heading">Step 4: Shipping</div>
  <div class="checkout-content">
    ...
    <tr class="highlight">
     <td><input type="radio" name="shipping_method" value="bmat.bmat" id="bmat.bmat"></td>
     <td>
       <label for="bmat.bmat">BMat</label>
       <select name="bmat_data" id="bmat_data">
         <option value="0">---</option>
         <option value="1">A</option>
         <option value="2">B</option>
       </select>
     </td>
     <td style="align:right;"><label for="bmat.bmat">some price</label></td>
    ...
  </div>
</div>
<script>
  $('#bmat_data').click( function() {
      $('#bmat\\.bmat').prop('checked',true);
  });
</script>
});