特效描述：html5仿美团 ios手机端 信息筛选条件。html5仿美团ios手机版信息筛选
代码结构
1. 引入CSS
2. 引入JS
3. HTML代码
- 美食
- 附近
- 排序
- 筛选
- 全部分类 1225>
- 美食 1225>
- 电影 1225>
- 酒店 1225>
- 休闲娱乐 1225>
- KTV 1225>
- 丽人 1225>
- 外卖 1225>
- 小天鹅 1225
- 小天鹅 1225
- 小天鹅 1225
- 小天鹅 1225
- 小天鹅 1225
- 小天鹅 1225
- 小天鹅 1225
- 哈尔滨 1225>
- 全国 1225>
- 北京 1225>
- 天津 1225>
- 河北 1225>
- 山西 1225>
- 内蒙古 1225>
- 辽宁 1225>
- 吉林 1225>
- 黑龙江 1225>
- 上海 1225>
- 江苏 1225>
- 山东 1225>
- 河南 1225>
- 湖北 1225>
- 湖南 1225>
- 广东 1225>
- 广西 1225>
- 海南 1225>
A
全河北 1225 B
石家庄 1225唐山 1225秦皇岛 1225 C
邢台 1225保定 1225张家口 1225 D
承德 1225沧州 1225 E
廊坊 1225衡水 1225 - 智能排序
- 离我最近
- 好评优先
- 人气优先
- 价格最低
- 价格最高
优惠买单
只看免预约
节假日可用
- 用餐人数
-
不限
单人餐
双人餐
3~4人餐
5~10人餐
10人以上
其它
完成
$(function(){
$('.choosebox li a').click(function(){
var thisToggle = $(this).is('.size_radioToggle') ? $(this) : $(this).prev();
var checkBox = thisToggle.prev();
checkBox.trigger('click');
$('.size_radioToggle').removeClass('current');
thisToggle.addClass('current');
return false;
});
});
$(".choosebox li a").click(function(){
var text = $(this).html();
$(".choosetext span").html(text);
$("#result").html("" + getSelectedValue("dress-size"));
});
function getSelectedValue(id){
return
$("#" + id).find(".choosetext span.value").html();
}
Content
