由于默认情况下CheckboxGroup支持多选但不支持多选,可以通过手动处理完成。

一、前台

   <ext:CheckboxGroup  ID="ChkGrp"  runat="server"  Width="350" ColumnsNumber="4" >
                    <Items>
                        <ext:Checkbox ID="ydmxk" runat="server" BoxLabel="很满意" Checked="false">
                           <Listeners>
                              <Check Handler="Check(ChkGrp,0)" />
                           </Listeners>
                        </ext:Checkbox>
                        <ext:Checkbox ID="gzhmxk" runat="server" BoxLabel="满意" Checked="false">
                         <Listeners>
                              <Check Handler="Check(ChkGrp,1)" />
                           </Listeners>
                        </ext:Checkbox>
                        <ext:Checkbox ID="tshmxk" runat="server" BoxLabel="基本满意" Checked="false">
                         <Listeners>
                              <Check Handler="Check(ChkGrp,2)" />
                           </Listeners>
                        </ext:Checkbox>
                        <ext:Checkbox ID="wdmxk" runat="server" BoxLabel="不满意" Checked="false">
                         <Listeners>
                              <Check Handler="Check(ChkGrp,3)" />
                           </Listeners>
                        </ext:Checkbox>
                    </Items>
                </ext:CheckboxGroup>

 

二、javascript脚本

 <script type="text/javascript" language="javascript">
        function Check(ChkGrp, index) {
            if (ChkGrp.items.itemAt(index).checked) {
                for (var i = 0; i < ChkGrp.items.length; i++) {
                    if (i != index) {
                        if (ChkGrp.items.itemAt(i).checked) {
                            var id = ChkGrp.items.itemAt(i).id;
                            ChkGrp.setValue(id, false)
                        }
                    }
                }
            }
        }
    </script>

  

相关文章:

  • 2021-12-10
  • 2021-05-26
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-04-04
  • 2021-12-24
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-09-14
  • 2022-12-23
  • 2021-10-07
相关资源
相似解决方案