当前位置: 首页 > 编程笔记 >

yii实现CheckBox复选框在同一行显示的方法

相诚
2023-03-14
本文向大家介绍yii实现CheckBox复选框在同一行显示的方法,包括了yii实现CheckBox复选框在同一行显示的方法的使用技巧和注意事项,需要的朋友参考一下

本文html" target="_blank">实例讲述了yii实现CheckBox复选框在同一行显示的方法。分享给大家供大家参考。具体实现方法如下:

yii 让CheckBoxList默认输出的是换行了,一个checkbox是换一行了,这样对有些设置就不合要求了,下面我们就来实现yii让CheckBoxList在同一行显示。
Yii的checkBoxList是一列,如下图所示:

网上有人说

$form->checkBoxList($model,'like',array(1=>'篮球',2=>'羽毛球',3=>'音乐'),array('template'=>'<span class="check">{input}{label}</span>','separator'=>' ')

这样可以实现但我发现效果还是不行,希望大家不要再使用这一行了。

我的解决方法是用yiibooster的checkBoxListInlineRow来实现,如下图所示:

希望本文所述对大家基于Yii框架的PHP程序设计有所帮助。

 类似资料:
  • 本文向大家介绍js与jQuery实现checkbox复选框全选/全不选的方法,包括了js与jQuery实现checkbox复选框全选/全不选的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法。分享给大家供大家参考,具体如下: 先来看看JavaScript实现checkbox复选框全选/全不选的方法。这应该是一个比较实用的前端

  • 本文向大家介绍Angular.JS判断复选框checkbox是否选中并实时显示,包括了Angular.JS判断复选框checkbox是否选中并实时显示的使用技巧和注意事项,需要的朋友参考一下 首先来看看简单的效果图,如下所示: 看一下html代码: line2 定义了AngularJS App; line4 引入angularjs脚本; line5 引入自己写的script2.js脚本; line

  • 介绍 用于在选中和非选中状态之间进行切换。 引入 import { createApp } from 'vue'; import { Checkbox, CheckboxGroup } from 'vant'; const app = createApp(); app.use(Checkbox); app.use(CheckboxGroup); 代码演示 基础用法 通过 v-model 绑定复

  • checkbox常用于多选的情况,比如批量删除、添加群聊等; DOM结构 <div class="mui-input-row mui-checkbox"> <label>checkbox示例</label> <input name="checkbox1" value="Item 1" type="checkbox" checked> </div> 默认checkbox在右侧显示,若希

  • 复选框,可设置其状态、传入特殊 class 以及复选框图标位置。 示例 基本用法 <cube-checkbox v-model="checked"> Checkbox </cube-checkbox> 如果选中了,则 checked 的值就为 true。 复选框图标样式 <cube-checkbox v-model="checked" position="right" shape="squa

  • 定义 滑动条组件 图片展示 代码演示 import Form from 'pile/dist/components/form' const {Checkbox} = Form <Checkbox defaultChecked = {false} back={(o)=>{console.log(o)}} label="未选中"/> <Checkbox defaultChecked = {true}