本文介绍了如何利用JavaScript和jQuery框架，制作一个简单的订餐页面。页面功能包括：选择大菜单后显示小菜单，激活输入框并动态更新价格；未选中时数量重置为1。对于初学者，jQuery的应用虽有些复杂，但通过实践可以逐步掌握。
近来习得 jQuery 框架皮毛，遂花了一些时间做下一些东西...
一个简单的订餐页面，其实也就是简单的几个功能实现：
大的菜单选中后，才会显示出小的菜单界面，输入框才可用，输入数量时价格随即改动。
未选中则数量重置1
简单是简单，但作为首次运用jQuery ,还是有些复杂的...
最终效果....
代码如下：（作日后回味...)
第一部分：body
<body><div id="container">
<div id="logo">七把叉快餐</div>
<div>
1. <input type="checkbox" id="LiangCai"/><label for="LiangCai">凉菜</label>
<span price="0.5"><input type="text" class="number"/>￥<span> </span>元</span>
最低0.47元/天 解锁文章
1308
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
