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

Question

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

<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',
           )
);?>

Answer 1

您可以使用checkBoxList() 的template 选项：

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