您好,登錄后才能下訂單哦!
這篇文章給大家介紹ASP.NET中CheckBoxList的作用是什么,內容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
主要代碼
只有一個通用的ASP.NET CheckBoxList_Click 函數,
需要注意的是ASP.NET CheckBoxList 可以呈現為 table 布局,也可以呈現為流布局(使用 span 做外部容器)
我的習慣是,腳本代碼中,盡量不直接引用 html id,因為對于服務器控件對應的是 ClientID,而ClientID與控件層次關聯的,不利于代碼移植復用,因此盡可能選擇直接傳遞對象,通過 DOM 獲取相關的父控件和子控件。
functionCheckBoxList_Click(sender) { varcontainer=sender.parentNode; if(container.tagName.toUpperCase()=="TD"){ //服務器控件設置呈現為table布局(默認設置),否則使用流布局 containercontainer=container.parentNode.parentNode; //層次:<table><tr><td><input/> } varchkList=container.getElementsByTagName("input"); varsenderState=sender.checked; for(vari=0;i<chkList.length;i++){ chkList[i].checked=false; } sender.checked=senderState; }
<h4>單選效果的CheckBoxList</h4>
<divstyledivstyle="float:left">
<h5>靜態項</h5>
<asp:CheckBoxListIDasp:CheckBoxListID=
"CheckBoxList1"BorderWidth="1"runat="server"RepeatLayout="Flow"><asp:ListItemonclickasp:ListItemonclick=
"CheckBoxList_Click(this)"Value="Item1">Item1</asp:ListItem><asp:ListItemonclickasp:ListItemonclick=
"CheckBoxList_Click(this)"Value="Item2">Item2</asp:ListItem><asp:ListItemonclickasp:ListItemonclick=
"CheckBoxList_Click(this)"Value="Item3">Item3</asp:ListItem><asp:ListItemonclickasp:ListItemonclick=
"CheckBoxList_Click(this)"Value="Item4">Item4</asp:ListItem><asp:ListItemonclickasp:ListItemonclick=
"CheckBoxList_Click(this)"Value="Item5">Item5</asp:ListItem></asp:CheckBoxList>
</div>
<divstyledivstyle="float:left;padding-left:100px">
<h5>綁定項</h5>
<asp:CheckBoxListIDasp:CheckBoxListID="CheckBoxList2"BorderWidth="1"runat=
"server"DataTextField="Value"DataValueField="Key"OnDataBound=
"CheckBoxList2_DataBound"></asp:CheckBoxList>
</div>
兼容性
IE 6 SP6, FF 2.0, Opera 9.2 測試通過
頁面效果
關于ASP.NET中CheckBoxList的作用是什么就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。