Блог

Я использую javascript на localhost, и он работает хорошо, но после того, как я загрузил свой скрипт на свой текущий сервер, он не запустился, почему?

  <ul class="list-form-column">
                                <li>
                                    <label class="radio">
                                    <input id="radio11" type="radio" name="radio2" value="cod" checked>
                                    <span class="outer"><span class="inner"></span></span>COD</label>
                                </li>
                                <li>
                                    <label class="radio">
                                    <input id="radio12" type="radio" name="radio2" value="paypal">
                                    <span class="outer"><span class="inner"></span></span>PAYPAL</label>
                                </li>
                            </ul>   
                            <form name="paymentForm" id="paymentForm" action="{{ url('/place-order-cod') }}" method="post"> {{ csrf_field() }}
                                <div class="payment-options">
                                <input type="hidden" name="grand_total" id="grand_total" value="{{ $grand_total }}">
                                    <span>
                                        <label><strong></strong></label>
                                    </span>
                                    <span style="align-items: center; display: flex; justify-content: center;">
                                        <input class="cod btn" type="submit" value="PLACE ORDER" style="width: 250px;">
                                    </span>
                                </div>
                            </form>
                            <form name="paymentForm" id="paymentForm" action="{{ url('/place-order') }}" method="post"> {{ csrf_field() }}
                                <div class="payment-options">
                                <input type="hidden" name="grand_total" id="grand_total" value="{{ $grand_total }}">
                                    <span>
                                        <label><strong></strong></label>
                                    </span>
                                    <span style="align-items: center; display: flex; justify-content: center;">
                                        <input name="submit" type="image" src="{{ asset('frontend/images/paypal.png') }}" class="paypal" style="display: none; margin-top: -45px">
                                    </span>
                                </div>
                            </form>
  

выше приведен мой HTML-код.

 <script type="text/javascript">
$(document).ready(function() {
  $('input[name=radio2]:radio').change(function(e) {
    var value = e.target.value.trim()

    $('[class^="paymentForm"]').css('display', 'none');

    switch (value) {
      case 'cod':
        $('.cod').show()
        $('.paypal').hide()
        break;
      case 'paypal':
        $('.paypal').show()
        $('.cod').hide()
        break;
      default:
        break;
    }
  })
})
</script>
  

это код скрипта, который я поместил в основной файл. Пожалуйста, помогите, она хорошо работает на localhost. она должна скрыть кнопку и показать другую, но на реальном сервере она ничего не делает.