XAML CheckBox

The XAML <CheckBox> element represents a CheckBox control. Code example to create and use a CheckBox using XAML in a WPF app.

This article demonstrates how to create and use a CheckBox control at design-time using XAML.  

Here is a more detailed tutorial on WPF CheckBox: WPF CheckBox Control
 
Similar to any XAML conntrol, the CheckBox has common properties.
 
The following code snippet creates a CheckBox control and sets its name, content, foreground and font related properties.
  1. <CheckBox Name="McCheckBox" Foreground="Orange"  
  2.    Canvas.Left="20" Canvas.Top="10" Content="Check Me"  
  3.    FontFamily="Georgia" FontSize="20" FontWeight="Bold" >  
  4. </CheckBox>  
The IsChecked property represents the state of the CheckBox control. The IsThreeState property represents whether the CheckBox has two or three states. The three states are checked, unchecked and indeterminate. The following code example sets the IsChecked and IsThreeState properties of the CheckBox.
  1. <CheckBox Name="McCheckBox"   
  2.    Canvas.Left="10" Canvas.Top="10"  
  3.    Content="Check Me"   
  4.    IsChecked="True" IsThreeState="True" >   
  5. </CheckBox>  
Adding a CheckBox Click Event Handler

The Checked and Unchecked attributes of the CheckBox element adds the checked and unchecked event handler. These events are fired when a CheckBox state is changed to checked and unchecked respectively.
  1. <CheckBox Name="McCheckBox"   
  2.    Canvas.Left="10" Canvas.Top="10"  
  3.    Content="Check Me"   
  4.    IsChecked="True" IsThreeState="True"  
  5.    Checked="McCheckBox_Checked" Unchecked="McCheckBox_Unchecked">   
  6. </CheckBox>  
The code for the click event handler looks like the following. 
  1. private void McCheckBox_Checked(object sender, RoutedEventArgs e)    
  2. {    
  3. }    
  4. private void McCheckBox_Unchecked(object sender, RoutedEventArgs e)    
  5. {    
  6. }    
The code listed below sets the content of a CheckBox on both checked and unchecked events. When you check or uncheck the CheckBox, you will see the content of the CheckBox changing. 
  1. private void McCheckBox_Checked(object sender, RoutedEventArgs e)    
  2. {    
  3.    McCheckBox.Content"Checked";    
  4. }    
  5. private void McCheckBox_Unchecked(object sender, RoutedEventArgs e)    
  6. {    
  7.    McCheckBox.Content"Unchecked";    
  8. } 

Here is a more detailed tutorial on WPF CheckBox: WPF CheckBox Control