Изменить входное значение onclick - JQuery

Question

Я просто не могу понять, почему мой код не работает. Я рассмотрел несколько успешных примеров и применил ту же концепцию, но до сих пор не добился успеха. Любая помощь будет высоко ценится

цель состоит в том: когда IMG нажата, поле ввода занимают значение указанное в коде Jquery, но это не работает, и не знаю, где я буду неправильно

<script> 
$(document).ready(function() { 
    $(".messaging-img").on("click", function(){ 
     $("#order_plan").val("messaging"); 
     $("#order_price").val("0.01"); 
     $("#paypal_express_checkout input:first").val("1010101"); 
    }); 
    $(".unlimited-img").on("click", function(){ 
     $("#order_plan").val("unlimited wifi");basic wifi 
     $("#order_price").val("0.02"); 
     $("#paypal_express_checkout input:first").val("2020202"); 
    }); 
    $(".basic-img").on("click", function(){ 
     $("#order_plan").val("basic wifi");basic wifi 
     $("#order_price").val("0.03"); 
     $("#paypal_express_checkout input:first").val("3030303"); 
    }); 
}); 
</script> 



<div class="table-container"> 
<table> 
    <tbody> 
     <tr> 
      <td class="left-content">plan:</td> 
      <td class="right-content"><input id="order_plan" type="" checked="" value=""/></td> 
     </tr> 
     <tr> 
      <td class="left-content">price:</td> 
      <td class="right-content" ><input id="order_price" type="" checked="" value=""/></td> 
     </tr> 
    </tbody> 
</table> 
</div> 

Answer 1

Похоже, что это работает для меня. Я заметил, что у вас есть слова «basic wifi», появляющиеся после точки с запятой в двух местах вашего кода. Я удалил это. Также убедитесь, что вы включили jQuery, чтобы ваш код jQuery работал. Если вы используете Chrome, нажмите f12, чтобы открыть инструменты разработчика и посмотреть, есть ли у вас какие-либо ошибки, препятствующие работе вашего кода.

Смотрите рабочий jsFiddle here

$(document).ready(function() { 
    $(".messaging-img").on("click", function(){ 
     $("#order_plan").val("messaging"); 
     $("#order_price").val("0.01"); 
     $("#paypal_express_checkout input:first").val("1010101"); 
    }); 
    $(".unlimited-img").on("click", function(){ 
     $("#order_plan").val("unlimited wifi"); 
     $("#order_price").val("0.02"); 
     $("#paypal_express_checkout input:first").val("2020202"); 
    }); 
    $(".basic-img").on("click", function(){ 
     $("#order_plan").val("basic wifi"); 
     $("#order_price").val("0.03"); 
     $("#paypal_express_checkout input:first").val("3030303"); 
    }); 
});