我们知道,一个普通的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框架中如何使多选框在行内显示,本文就介绍这么多,希望对您有所帮助!