1.控件效果
2.ToggleButton Server Properties
TargetControlID - The ID of The CheckBox to modify.
ImageHeight\ImageWidth - The height and width of the image.
CheckedImageUrl - The URL of the image to show when the toggle is in the checked state.
UnchekedImageUrl - the URL of the image to show when the toggle button is in the unchecked state.
DisabledCheckedImageUrl/DisabledUncheckedImageUrl - the URL of the image to show when the toggle button is disabled and in the checked/unchecked state.
CheckedImageOverUrl/UncheckedImageOverUrl - the URL of the image to show when toggle button is in the checked/unchecked state and the mouse is over the button.
CheckedImageAlternateText/UncheckedImageAlternateText - The alt text to show when the toggle button is in the checked/unchecked state.
CheckedImageOverAlternateText/UnchckedImageOverAlternateText - The alt Text to show when the toggle button is in the checked/unchecked state and the mouse is over button.<这两个属性不知道怎么设置>
3.Demo Resources Code
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<br />
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:CheckBox ID="CheckBox1" Checked="true" Text=" I like ASP.NET" runat="server" />
<br />
<asp:CheckBox ID="CheckBox2" Checked="true" Text=' I like "AJAX"' runat="server" />
<asp:CheckBox ID="CheckBox3" Checked="true" Enabled="false" Text=' I like "YM"'
runat="server" />
<asp:CheckBox ID="CheckBox4" Checked="false" Enabled="false" Text=' I like "LMQ"'
runat="server" />
<br />
<br />
<asp:Button ID="Button1" Font-Names="Comic Sans MS" runat="server" Text="Submit"
OnClick="Button1_Click" />
<br />
<br />
<asp:Label ID="Label1" Font-Size="18px" runat="server" Text="[No response provided yet]"></asp:Label>
<ajaxToolkit:ToggleButtonExtender ID="ToggleButtonExtender3" runat="server"
TargetControlID="CheckBox3"
DisabledCheckedImageUrl="images/disableChecked.gif"
DisabledUncheckedImageUrl="images/disableUnchecked.gif"
ImageWidth="19" ImageHeight="19"
UncheckedImageUrl="images/ToggleButton_Unchecked.gif"
CheckedImageUrl="images/ToggleButton_Checked.gif" />
<ajaxToolkit:ToggleButtonExtender ID="ToggleButtonExtender4"
TargetControlID="CheckBox4"
DisabledCheckedImageUrl="images/disableChecked.gif"
DisabledUncheckedImageUrl="images/disableUncheked.gif"
ImageWidth="19" ImageHeight="19"
UncheckedImageUrl="images/ToggleButton_Unchecked.gif"
CheckedImageUrl="images/ToggleButton_Checked.gif" runat="server">
</ajaxToolkit:ToggleButtonExtender>
<ajaxToolkit:ToggleButtonExtender ID="ToggleButtonExtender1" runat="server"
TargetControlID="CheckBox1"
UncheckedImageUrl="images/ToggleButton_Unchecked.gif"
CheckedImageUrl="images/ToggleButton_Checked.gif"
CheckedImageAlternateText="Check"
UncheckedImageAlternateText="UnCheck" ImageWidth="19"
ImageHeight="19">
</ajaxToolkit:ToggleButtonExtender>
<ajaxToolkit:ToggleButtonExtender ID="ToggleButtonExtender2" runat="server"
TargetControlID="CheckBox2"
ImageWidth="19" ImageHeight="19"
UncheckedImageUrl="images/ToggleButton_Unchecked.gif"
CheckedImageUrl="images/ToggleButton_Checked.gif"
CheckedImageAlternateText="Check"
UncheckedImageAlternateText="UnCheck">
</ajaxToolkit:ToggleButtonExtender>
</ContentTemplate>
</asp:UpdatePanel>
1 protected void Button1_Click(object sender, EventArgs e)
2 {
3 string strSelections = "";
4 if (CheckBox1.Checked)
5 {
6 strSelections = "You said you LIKE ASP.NET ";
7 }
8 else
9 {
10 strSelections = "You said you DON'T Like ASP.NET ";
11 }
12 if (CheckBox2.Checked)
13 {
14 strSelections += "and you LIKE MS AJAX ";
15 }
16 else
17 {
18 strSelections += "and you DON'T Like MS AJAX";
19 }
20 Label1.Text = strSelections;
21
22 string strMySelect = "";
23
24 if (CheckBox3.Checked)
25 {
26 strMySelect = "<br />You Love YM";
27 }
28 else
29 {
30 strMySelect = "<br /> You Don't love YM";
31 }
32 if (CheckBox4.Checked)
33 {
34 strMySelect += " and she love your too";
35 }
36 else
37 {
38 strMySelect += " but she don't love you";
39 }
40 Label1.Text += strMySelect ;
41 }