jquery/javascript 冲突错误，jquery 旧版本有问题

Question

当单选按钮更改时，我需要隐藏一个元素，现在它可以在 ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js 版本中正常工作，但还有很多其他的东西，比如滑块，当我在我的 opencart 网站中包含此 jquery 时，结帐、运输方式受到干扰。 关于如何使用简单的 javascript 或任何其他方法来做到这一点的任何建议？

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" ></script>
    <script type="text/javascript">
        $(document).ready(function() {
         $('input:radio[name=custom_field[6]]').change(function() {
            if (this.value == '2') {
                $('input:radio[name=payment_method][value=cod]').show();
                $('div.checkout-payment-methods div.radio:nth-child(5)').show();
                 }
                else if (this.value == '1') {
                $('input:radio[name=payment_method][value=cod]').hide();
                $('div.checkout-payment-methods div.radio:nth-child(5)').hide();
                }
            });
         });
    </script>

<div id="input-payment-custom-field6">
    <div class="radio">
        <label>
            <input type="radio" name="custom_field[6]" value="2">
            Evidence
        </label>
    </div>
    <div class="radio">
        <label>
            <input type="radio" name="custom_field[6]" value="1">
            Invoice (Can not issue invoice with cash on delivery)
        </label>
    </div>
</div>


<div class="checkout-content checkout-payment-methods">
    <h2 class="secondary-title">Means of payment</h2>
    <div class="radio">
        <label>
            <input type="radio" name="payment_method" value="hellaspay" checked="checked">
            Debit / Credit card
        </label>
    </div>
    <div class="radio">
        <label>
            <input type="radio" name="payment_method" value="bank_transfer">
            Bank deposit                           
        </label>
    </div>
    <div class="radio">
        <label>
            <input type="radio" name="payment_method" value="pp_standard">
            PayPal                            
        </label>
    </div>
    <div class="radio">
        <label>
            <input type="radio" name="payment_method" value="cod">
            Pay on delivery                            
        </label>
    </div>
    <div class="radio">
        <label>
            <input type="radio" name="payment_method" value="pay_at_store">
            Payment at Stark                           
        </label>
    </div>
</div>

Answer 1

如果你想使用 vanilla js

document.querySelector('input[name$="custom_field[6]"]').addEventListener("change", function() {
    if (this.value === '2') {

    }
    else if (this.value === '1') {

    }
});