功能:
    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)
    ToggleButton(双模按钮)控件_代码实例_55{
        if (IsPostBack)
        ToggleButton(双模按钮)控件_代码实例_55{           
            string gender  = this.chkGender.Checked ? "男生": "女生";
            string mood =this.chkMood.Checked? "拥有好心情,整天都愉快!": "不要那么沮丧,振作点!";
            this.lblMessage.Text = "您是" + gender +"<br>"+mood;
       
        }
    }