checkboxlist的单选案例

前台

房间类型:<asp:CheckBoxList ID="chklistroomtype" runat="server" RepeatColumns="10" RepeatDirection="Horizontal" RepeatLayout="Table">
                                        </asp:CheckBoxList>

脚本:

function CheckSelect()
    {         
        var tb = document.getElementById("chklistroomtype");       
        for(var i=0;i < tb.rows.length;i++)         
        {
            for(var j =0; j < tb.rows[i].cells.length; j++)
           {
              var chk = tb.rows[i].cells[j].firstChild;
             if(chk!= null && chk != event.srcElement)                 
               {                       
                   chk.checked = false;                 
                }         
             } 
         }    
     } 

后台:

最主要的就是给名字为chklistroomtype的checkboxlist在后台注册一个click事件代码如下这个例子是checkboxlist的属性RepeatDirection="Horizontal" RepeatLayout="Table"的情况下的,看看下面的代码很简单

 protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
               
                this.chklistroomtype.Attributes.Add("onclick", "CheckSelect()");

            }
        }

这样就行了。






原文地址:https://www.cnblogs.com/axinno1/p/1904719.html