ACE框架中如何使多选框在行内显示


关键词

ACE 多选框 CheckBox 行内

摘要

本文介绍在ACE中使多选框在行内显示,ACE的多选框样式美观,更适合使用。

我们知道,一个普通的html的checkbox框,写法如下:

<label><input type="checkbox" name="c1" value="1" /> 选项文字</label>

这种样式,在当下分辨率的电脑或手机上显示的时候,显得太小了。尤其是手机上,选中比较困难。

ACE提供一种多选框的样式。在行内使用时,方法如下:


<label class="inline">
<input type="checkbox" class="ace" name="g_guige[]" value="{$vo['g_id']}" />
<span class="lbl"> {$vo['g_name']} </span>
</label>

如果是循环输出多个选项,可以在这段代码的外围加上<volist>进行循环。如:

<volist name="listGroup" id="vo">
<label class="inline">
<input type="checkbox" class="ace" name="g_guige[]" value="{$vo['g_id']}" />
<span class="lbl"> {$vo['g_name']} </span>
</label>
</volist>

关于ACE框架中如何使多选框在行内显示,本文就介绍这么多,希望对您有所帮助!

 

要饭二维码

洪哥写文章很苦逼,如果本文对您略有帮助,可以扫描下方二维码支持洪哥!金额随意,先行谢过!大家的支持是我前进的动力!

文章的版权

本文属于“洪哥笔记”原创文章,转载请注明来源地址:ACE框架中如何使多选框在行内显示:http://www.splaybow.com/post/ace-checkbox-inline-2661.html

如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务,请加QQ:8771947!十年运维经验,帮您省钱、让您放心!
亲,如果有需要,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D

« Ajax提交表单时防止重复提交 jquery的serialize()方法在表单提交时的应用 »