zoukankan      html  css  js  c++  java
  • Ext.Net CheckboxGroup实现单选

      由于默认情况下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>
    

      

  • 相关阅读:
    文件处理--文件操作
    三元运算
    alex 推荐的书
    python字符串、列表和字典的说明
    运算符
    while else语句
    格式化输出
    数据类型-元组
    数据类型-集合
    字符串
  • 原文地址:https://www.cnblogs.com/easypass/p/2153624.html
Copyright © 2011-2022 走看看