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>
    

      

  • 相关阅读:
    mongodb数据库迁移
    idea激活
    常见加密方式
    restful请求风格使用详解
    Jreble破解使用
    websocket入门与分布式websocket
    分布式Session的解决方案
    mysql基础知识与优化总结
    分布式事务详解
    多线程总结与使用
  • 原文地址:https://www.cnblogs.com/easypass/p/2153624.html
Copyright © 2011-2022 走看看