“条件筛选”功能在手机版本不太合适有，点“确定”后再筛选的形式可能会好些样例
迅睿框架 更新 2020-06-12 17:45:31
迅睿粉丝
迅睿粉丝
“条件筛选”功能在手机版本不太合适有，点“确定”后再筛选的形式可能会好些
样例
<link rel="stylesheet" href="css/jquery.richUI.min.css" /> <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="js/jquery.richUI.min.js"></script> <script type="text/javascript" src="js/jquery.browser.min.js"></script> <script type="text/javascript"> $(function() { //单选 /* * selected: 默认选中值 */ $("input[name='dydgm']").richradio(); $("input[name='sex2']").richradio(); $("input[name='sex3']").richradio({selected:"2"}); //复选 /* * allBtn:是否出现全选按钮,默认 false * checkAll: 全选，默认false * selected: 默认选中值 */ $("input[name='xingqu']").richcheckbox(); $("input[name='xingqu2']").richcheckbox({allBtn:true, checkAll:true}); $("input[name='xingqu3']").richcheckbox({allBtn:true}); $("input[name='xingqu4']").richcheckbox({allBtn:true, selected:"2,4"}); //下拉框 /** * type: single(单选，默认)，multi(多选) * selected： 默认选中值 * width： 宽度 * placeholder: 提示文字 * **/ $("#mySelect").richselect(); $("#mySelect2").richselect({selected:"3"}); $("#mySelect3").richselect({type:"multi", placeholder:"hello"}); $("#mySelect4").richselect({type:"multi", selected:"4,5", width:"300px"}); }); </script> <form action="/index.php" method="get"> <input type="text" name="s" value="{MOD_DIR}"/> <input type="text" name="c" value="search"/> <label class="col-md-2 control-label">单一购买价格</label> <!--自定义一个价格返回数组，这个都懂得，php最基础的数组用法--> {php $price=array('0,500'=>'500以内','500,1000'=>'500到1000','1000,2000'=>'1000到2000','2000,3000'=>'2000到3000','3000,0'=>'3000以上');} <input name="dydgm" value="" type="radio" lab="不限" /> {loop $price $i $t} <input name="dydgm" value="{$i}" type="radio" lab="{$t}" /> {/loop} <input type="submit" name="" value="提交" /> </form>原理很简单，只是改变一下传递参数的方式！然后用JS美化一下 单选复选按钮