使用checkBoxList在多列列中显示复选框

鼻子

我需要以如下所示的格式显示复选框,在此处输入图片说明并且用于执行此操作的代码如下所示

<style>
   ul,li {
   margin: 0;
   padding: 0;
   list-style-type: none;
   }
   .orange{
   color: #FF6C00;
   }
   .payment_mode{
   float: left;
   width: 700px;
   margin: 0 0 8px 0;
   padding: 0 0 8px 0;
   }
   .payment_mode ul li{
   float: left;
   width: 220px;
   padding: 3px 0;
   }
   .checkboxgroup{
   overflow:auto;
   }
   .checkboxgroup div{
   width:200px;
   float:left;
   }
</style>

<div class="payment_mode">
   <p>
      <b>Payment Modes Accepted By You</b>
   </p>
   <ul>
      <li><input type="checkbox" onclick="select_all('cb_modes[]')"
         value="All" id="sel_all_modes" name="sel_all_modes" class="cmn"> <span
         class="orange">Select All</span>
      </li>
      <li><input type="checkbox" value="Cash" id="cb_modes[]"
         name="cb_modes[]" class="cmn"> <span>Cash</span>
      </li>
      -----
      -----
   </ul>
</div>

我需要使用checkBoxList来实现相同的目的,我尝试使用checkBoxList来获取它,如图所示 在此处输入图片说明

这样做的代码如下所示

<?php echo CHtml::checkBoxList('checkBoxList','',
    CHtml::listData(paymentmode::model()->findAll(), 'paymentmodeid', 'paymentmode'),array('id'=>'checklist','name'=>'checklist',
           )
);?>
迈克尔·赫尔特(MichaelHärtl)

您可以使用以下template选项checkBoxList()

<ul>
<?php echo CHtml::checkBoxList('checkBoxList','',$data, array(
    'id'=>'checklist',
    'name'=>'checklist',
    'template'=>'<li>{input} {label}</li>',
));?>
</ul>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在多列布局中对复选框CSS进行分组

来自分类Dev

在多列布局中对复选框CSS进行分组

来自分类Dev

使用复选框组按值过滤多列

来自分类Dev

如何在 Kendo Grid 列中显示复选框

来自分类Dev

使用jQuery在复选框上显示/隐藏GridView的列

来自分类Dev

使用jQuery在复选框上显示/隐藏GridView的列

来自分类Dev

如何使用复选框动态显示/隐藏列

来自分类Dev

ejgrid syncfusion中的复选框列

来自分类Dev

列中的重复格式复选框

来自分类Dev

Bootstrap组织多行和多列复选框

来自分类Dev

Bootstrap组织多行和多列复选框

来自分类Dev

Kendo 网格模板未正确显示 Bootstrap Toggle,仅显示列中的复选框

来自分类Dev

如何使用jtable第一列中的复选框显示从数据库到jtable的数据?

来自分类Dev

如何使用jQuery隐藏ASP.Net CheckBoxList控件中复选框周围的边框?

来自分类Dev

数据列表中具有复选框的CheckboxList

来自分类Dev

选中复选框时显示特定列

来自分类Dev

Extjs 隐藏/显示“复选框模型”列

来自分类Dev

在grails中的多对多关系中使用复选框

来自分类Dev

选中复选框时显示数据表中的隐藏列

来自分类Dev

使用复选框在Angular中显示或隐藏按钮

来自分类Dev

如何使用Razor在MVC中显示复选框

来自分类Dev

Rails中的多复选框搜索

来自分类Dev

想要在动态生成的布尔值列中显示“是” /“否”,而不是在RadGridView for WPF中的复选框中显示

来自分类Dev

使用php中的复选框更新mysql数据库列中的值

来自分类Dev

使用php中的复选框更新mysql数据库列中的值

来自分类Dev

jqgrid中的多个复选框列。处理onchange事件

来自分类Dev

PyQt-QTableView中的复选框列

来自分类Dev

QTableView中的仅可编辑复选框列

来自分类Dev

在wpf datagrid中动态添加复选框列

Related 相关文章

  1. 1

    在多列布局中对复选框CSS进行分组

  2. 2

    在多列布局中对复选框CSS进行分组

  3. 3

    使用复选框组按值过滤多列

  4. 4

    如何在 Kendo Grid 列中显示复选框

  5. 5

    使用jQuery在复选框上显示/隐藏GridView的列

  6. 6

    使用jQuery在复选框上显示/隐藏GridView的列

  7. 7

    如何使用复选框动态显示/隐藏列

  8. 8

    ejgrid syncfusion中的复选框列

  9. 9

    列中的重复格式复选框

  10. 10

    Bootstrap组织多行和多列复选框

  11. 11

    Bootstrap组织多行和多列复选框

  12. 12

    Kendo 网格模板未正确显示 Bootstrap Toggle,仅显示列中的复选框

  13. 13

    如何使用jtable第一列中的复选框显示从数据库到jtable的数据?

  14. 14

    如何使用jQuery隐藏ASP.Net CheckBoxList控件中复选框周围的边框?

  15. 15

    数据列表中具有复选框的CheckboxList

  16. 16

    选中复选框时显示特定列

  17. 17

    Extjs 隐藏/显示“复选框模型”列

  18. 18

    在grails中的多对多关系中使用复选框

  19. 19

    选中复选框时显示数据表中的隐藏列

  20. 20

    使用复选框在Angular中显示或隐藏按钮

  21. 21

    如何使用Razor在MVC中显示复选框

  22. 22

    Rails中的多复选框搜索

  23. 23

    想要在动态生成的布尔值列中显示“是” /“否”,而不是在RadGridView for WPF中的复选框中显示

  24. 24

    使用php中的复选框更新mysql数据库列中的值

  25. 25

    使用php中的复选框更新mysql数据库列中的值

  26. 26

    jqgrid中的多个复选框列。处理onchange事件

  27. 27

    PyQt-QTableView中的复选框列

  28. 28

    QTableView中的仅可编辑复选框列

  29. 29

    在wpf datagrid中动态添加复选框列

热门标签

归档