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

看起来它对我有用。我注意到你有＆＃34;基本的wifi＆＃34;在代码中的2个位置分号后出现。我删除了。还要确保包含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");
    });
});

更改输入值onclick - JQuery

1 个答案: