ToggleButton（双模按钮)控件

功能：
    ToggleButtonExtender控件用于扩展CheckBox控件，以图形方式来显示。
属性：
    CheckedImageAlternateText：选中CheckBox中图像的替换文本。
    CheckedImageUrl：选中CheckBox中图像的路径。
    UncheckedImageAlternateText：未选中CheckBox中图像的替换文本。
    UncheckedImageUrl：未选中CheckBox中图像的路径。
    ImageHeight：图像的高度。
    ImageWidth：图像的宽度。
    TargetControlID：该控件的目标控件。

代码实例：

 <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
    </div>
    
    <table>
        <tr>
            <td height="50" vAlign="bottom">请问您的性别是：
            </td>
            <td><asp:CheckBox ID="chkGender" runat="server" />
                <ajaxToolkit:ToggleButtonExtender ID="tbeGender" runat="server"
                    TargetControlID="chkGender" CheckedImageAlternateText="男生"
                    CheckedImageUrl="Images/Boy.gif"
                    ImageHeight="48" ImageWidth="48"
                    UncheckedImageAlternateText="女生"
                    UncheckedImageUrl="Images/Girl.gif">
                </ajaxToolkit:ToggleButtonExtender>
            </td>
        </tr>
        <tr>
            <td height="50" vAlign="bottom">您今天的心情如何：
            </td>
            <td><asp:CheckBox ID="chkMood" runat="server" />
                <ajaxToolkit:ToggleButtonExtender ID="tbeMood" runat="server"
                    TargetControlID="chkMood" CheckedImageAlternateText="好心情"
                    CheckedImageUrl="Images/Smile.gif" 
                    ImageHeight="48" ImageWidth="48"
                    UncheckedImageAlternateText="心情差"
                    UncheckedImageUrl="Images/Sad.gif">
                </ajaxToolkit:ToggleButtonExtender>      
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center" height="50" vAlign="bottom">
                <asp:Button ID="btnSend" runat="server" Text="送出" onclick="btnSend_Click" />
            </td>
        </tr>
    </table>
        
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
            <asp:Label ID="lblMessage" runat="server"></asp:Label>
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="btnSend" EventName="Click" />
        </Triggers>
    </asp:UpdatePanel>

    </form>
</body>

 添加送出按钮事件：

    protected void btnSend_Click(object sender, EventArgs e)
    {
        if (IsPostBack)
        {           
            string gender  = this.chkGender.Checked ? "男生": "女生";
            string mood =this.chkMood.Checked? "拥有好心情，整天都愉快！": "不要那么沮丧，振作点！";
            this.lblMessage.Text = "您是" + gender +"<br>"+mood;
       
        }
    }

运行结果：
        
单击 心情后面的图片后，如下：