javascript - 使用其他单选按钮更改单选按钮的值

Question

因此，我一直在尝试创建一个动态表单，通过选择用户的客户类型来更改所提供套餐的值(value)。我的 JSFiddle 表单部分:

https://jsfiddle.net/mullern/ch8z0hry/4/

$(document).ready(function(){
$('#student').on('click', function() {
    $('#minimal').val('100');
    $('#soundonly').val('150');
    $('#soundandlight').val('175');
    $('#totalpartypackage').val('200');
});
$('#private').on('click', function() {
    $('#minimal').val('150');
    $('#soundonly').val('200');
    $('#soundandlight').val('300');
    $('#totalpartypackage').val('400');
});
$('#company').on('click', function() {
    $('#minimal').val('200');
    $('#soundonly').val('300');
    $('#soundandlight').val('400');
    $('#totalpartypackage').val('50');
});
});

我在互联网上搜索了几个小时尝试不同的解决方案。最后，我通读了 W3schools 页面上有关 JQuery 事件方法的内容，并尝试拼凑出对我来说正确的内容。在 JSFiddle 中，我还包含一个脚本来检查单选按钮的值是否正确。我注意到 JSFiddle 似乎可以工作，但在我自己的私有(private)服务器上却不能。我做错了什么？

编辑:我目前正在 Synology NAS 上使用 Webstation 运行该页面。

Answer 1

控制台中的 JavaScript 出现错误？你已经包含了 jquery 吗？

尝试插入这个:

<link rel="stylesheet" type="text/css" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>