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

时间:2013-07-09 12:46:58

标签: yii checkboxlist

我需要以如下所示的格式显示复选框 enter image description here 用于执行此操作的代码如图所示

<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我得到它如图所示 enter image description here

这样做的代码如图所示

<?php echo CHtml::checkBoxList('checkBoxList','',
    CHtml::listData(paymentmode::model()->findAll(), 'paymentmodeid', 'paymentmode'),array('id'=>'checklist','name'=>'checklist',
           )
);?>

1 个答案:

答案 0 :(得分:3)

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

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