标准控件（一）——Button，CheckBox，CheckBoxList

Button

    LinkButton超链接模样的按钮，ImageButton图片模样的按钮（ImageUrl属性）：

    拥有Label的所有属性。

 

    CommandArgument         与此按钮关联的命令参数。（相当于value值）

    OnClientClick           按钮点击的时候，要执行的客户端脚本。

 

如何给控件加上JS 的脚本调用？

法一：直接在源代码中加上相应的JS事件，及脚本调用。

        <asp:TextBox onblur="checkEmail()" ID="TextBox3" runat="server"></asp:TextBox>

 

 

法二：在Page_Load事件中，通过控件的Attributes属性加入相应的JS事件及脚本调用。

 

    protected void Page_Load(object sender, EventArgs e)
    {
        TextBox3.Attributes.Add("onblur", "return checkEmail()");
    }

 

 

法三：像按钮，它直接带有OnClientClick的脚本调用属性。

 

 

 CheckBox

    控件：复选框

    拥有Label的所有属性。

 

    Text                    文本

    Checked                 bool，是否被选中

 

    <script language="javascript">
        function checkAll(n, c) {  /*功能：全选。*/
            var cbs = document.getElementsByName(n);  /*查找所有name是参数n的控件*/
            for (var i = 0; i < cbs.length; i++) {
                cbs[i].checked = c.checked;  /*将查找到的控件的checked设置为跟控件c的checked相同，实现全选功能*/
            }
        }
    </script>

 

 

            房屋类型：<asp:CheckBox ID="cbHouse" onclick="checkAll('house',this)" runat="server" Text="全选" />  <%--将（分组名，本身）传给函数--%>
            <br />
            <asp:Repeater ID="rpHouse" runat="server">
                <ItemTemplate>
                    <input type="checkbox" name="house" value="<%#GetDataItem() %>" /><%#GetDataItem() %>
                </ItemTemplate>
            </asp:Repeater>
            <br />

 

 

CheckBoxList

    显示多个，选择多个。布局。

属性

    Items

    DataSource              数据源

    DataTextField           显示的内容

    DataValueField         

    SelectedValue           选中项的值

    SelectedItem            选中的对象（Item有Text、Value属性）

    SelectedIndex           在集合中的下标序号

    AppendDataBoudItem      选择是否将数据绑定项追加到静态声明的列表项上

    RepeatLayout            Table—用表格布局；Flow—用span布局。

    RepeatColumns           一行显示几个。

    RepeatDirection         布局方向。

 

    获取选中项的值：

        foreach (ListItem li in CheckBoxList1.Items)
        {
            if (li.Selected)
            {
                Literal1.Text += li.Value;
            }
        }

 

 

    设置哪一项被选中：

        CheckBoxList1.SelectedIndex = -1;    //清除原有状态。
        //设置选中状态。
        string s = TextBox1.Text;
        string[] spliters = s.Split('/');
        foreach (string key in spliters)
        {
            foreach (ListItem li in CheckBoxList1.Items)
            {
                if (li.Value == key)
                {
                    li.Selected = true;
                }
            }
        }