RadioButtonList的使用

概述：

RadioButtonList 控件為網頁開發者提供了一組單選button，這些button能夠通過數據綁定動態生成。該控件包括一個items集合，集合中的成員與列表中的各項相相應。

 

                <div class="rblStyle">
                <asp:RadioButtonList ID="rblChangQHT" runat="server" RepeatDirection="Horizontal">
                <asp:ListItem Text="是" Value="1"></asp:ListItem> 
                <asp:ListItem Text="否" Value="0"></asp:ListItem>
                </asp:RadioButtonList></div>

1.RadioButtonList的校驗

            var rb_ChangQHT = document.getElementById("rblChangQHT");
            var ShiF = rb_ChangQHT.getElementsByTagName("INPUT");
            var result = false;
            for (var i = 0; i < ShiF.length; i++) {
                if (ShiF[i].checked) {
                    result = true;
                    break;
                }
            }
            if (!result) {
                alert("是否為中長期合同為必填項！");
                return false;
            }

 

2.RadioButtonList的樣式調整

 

(1)去掉難看的單選邊框

為RadioButtonList控件加入<div>層，並為div設置樣式

.rblStyle{width:100%;height:auto;}
.rblStyle input{border-style:none;}

3.onselectedindexchanged事件

像下拉控件dropdownlist控件一樣，它也有onselectedindexchanged事件，當選項改變后進行觸發

注意點是：控件中的AutoPostBack屬性一定設為"True"，這樣server端才知道你的選項改變了，並觸發對應事件