迅睿CMS框架是一款PHP8高性能·简单易用的CMS开源开发框架, 基于MIT开源许可协议发布,不限制商业使用,以多端互联为设计理念, 支持的微信公众号、小程序、APP客户端、移动端网站、PC网站等多终端式管理系统。
“条件筛选”功能在手机版本不太合适有,点“确定”后再筛选的形式可能会好些样例
<input type="radio" name="name" value="" />
<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>
<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美化一下 单选复选按钮