近来习得 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>