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

03-15 01:53