9 Kasım 2010 Salı

CheckBox Kontrolu

CheckBox onay kutusu ile True veya False değerleri elde edilir. Kullanıcıya sunulanlar seçilerek True ile onaylanır veya boş bırakılarak False ile onaylanmaz. Birden fazla seçime olanak tanır. RadioButton gibi tek bir seçim sunmaz. 


Özellikleri
AutoPosBack: CheckBox kontrolunde onay kutusu işaretlendiği zaman veya kaldırıldığı zaman formu otomatik olarak gönderir. True değer aldığı zaman aktif olur.
Checked: CheckBox kontrolunun varsayılan olarak işaretli olup olmayacağını belirler.
Text:  CheckBox kontrolunun etiketine metin atanmasını veya yazılan metnin okunmasını sağlar.
TextAlign: CheckBox kontrolunde etiketin bulunacağı yönü belirtir. Varsayılan Right (Sağ) değeri alır.
Metotlar
OnCheckedChanged: CheckChanged olayını kullanabilmemiz için bu metot kullanılır.
Olaylar
CheckedChanged: Checkbox onay kutusu işaretlendği veya işareti kaldırıldığı zaman bu olay meydana gelir.
<%@ Page Language="C#" AutoEventWireup="True" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>CheckBox CheckedChanged Example</title>
<script runat="server">
      void Check_Clicked(Object sender, EventArgs e)
      {
          if (CheckBox1.Checked)
          {
              Response.Write( CheckBox1.Text + "  seçildi. <br />");
          }
          if (CheckBox2.Checked)
          {
              Response.Write(CheckBox2.Text + "  seçildi. <br />");
          }
          if (CheckBox3.Checked)
          {
              Response.Write(CheckBox3.Text + "  seçildi. <br />");
          }
      }
   </script>
</head>
<body>
   <form id="form1" runat="server">
               <br />
               Bildiğiniz Programlama Dilleri <br />
               <asp:CheckBox ID="CheckBox1"  runat="server"  AutoPostBack="True"  Text="C#"  TextAlign="Left"  OnCheckedChanged="Check_Clicked" Checked="true"/><br />
               <asp:CheckBox id="CheckBox2" runat="server"  AutoPostBack="True"  Text="Basic"  TextAlign="Left"  OnCheckedChanged="Check_Clicked" /><br />
               <asp:CheckBox id="CheckBox3" runat="server"  AutoPostBack="True"  Text="Java"  TextAlign="Left"  OnCheckedChanged="Check_Clicked" /><br />
   </form>
</body>
</html>


Başka bir CheckBox Örneği ile alışveriş sepetindeki ürünlerin fiyatları toplanıyor ve AutoPostBack özelliği ile KDV hesabı yapılıyor.







<%@ Page Language="C#" AutoEventWireup="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>CheckBox CheckedChanged Example</title>
<script runat="server">

    void CheckBox1_Clicked(Object sender, EventArgs e)
      {
          Message.Text = CalculateTotal(CheckBox1.Checked).ToString("c");
      }

      void Page_Load(Object sender, EventArgs e)
      {
         if(!IsPostBack)
         {
            Message.Text = CalculateTotal(false).ToString("c");
         }
      }

      double CalculateTotal(bool Taxable)
      {
         double Result = (90 + 220 + 80) * 1.41;
         if(Taxable)
         {
            Result += Result * 0.08;
         }
         return Result;
      }
   </script>
</head>

<body>
   <form id="form1" runat="server">
      <table border="1" cellpadding="5">
         <tr><th colspan="2">Alışveriş Sepeti</th></tr>
         <tr><td>Gigabyte Anakart</td><td>90$</td></tr>
         <tr><td>Intek İşlemci</td><td>220$</td></tr>
         <tr><td>Team Extrem Ram</td><td>80$</td></tr>
         <tr><td>dolar</td><td>1,410</td></tr>
         <tr><td><b>Toplam</b></td><td> <asp:Label id="Message" runat="server"/> </td></tr>
         <tr> <td colspan="2"> <asp:CheckBox ID="CheckBox1"  runat="server" AutoPostBack="True" Text="%8 KDV ekle" TextAlign="Right" OnCheckedChanged="CheckBox1_Clicked"/> </td> </tr>
      </table>
   </form>
</body>

Hiç yorum yok:

Yorum Gönder