JavaScript Checkbox Object : สอน method และ property ของ Checkbox Object, เรียน method และ property ของ Checkbox Object
 

Reference

Reference ในเว็บไซต์ Function.in.th เป็นการนำเสนอความรู้ในรูปแบบของแหล่งอ้างอิงของคำสั่งต่าง ๆ ที่ใช้ในการเขียนโปรแกรม โดยผู้ที่สนใจสามารถเข้ามาเรียนรู้การใช้งานคำสั่งของการเขียนโปรแกรมเหล่านี้ได้ ผ่านทาง URL code.function.in.th ทั้งนี้ผู้อ่านยังสามารถร่วมแสดงความคิดเห็นบนเนื้อหาที่มีสอนได้ ซึ่งถือเป็นการส่งเสริมให้มีการแลกเปลี่ยนประสบการณ์และความรู้ระหว่างผู้อ่านด้วยกันเอง
  • focus() ใช้กำหนดให้ checkbox ได้รับ focus
    blur() ใช้กำหนดให้ checkbox สูญเสีย focus
    click() ใช้กำหนดให้ เหมือนมีการ click ที่ checkbox
    name ใช้ในการกำหนดค่า หรือคืนค่า name ของ checkbox
    id ใช้ในการกำหนดค่า หรือคืนค่า id ของ checkbox
    type ใช้ในการกำหนดค่า หรือคืนค่า type ของ checkbox
    value ใช้ในการกำหนดค่า หรือคืนค่า value ของ checkbox
    form ใช้คืนค่า form element ของ checkbox
    checked ใช้ในการตรวจสอบ หรือกำหนดค่า ว่ามีการ check ที่ checkbox หรือไม่
    defaultChecked ใช้ในการตรวจสอบ หรือกำหนดค่า default checked ของ checkbox
    readOnly ใช้ตรวจสอบ หรือกำหนดว่า checkbox ใช้อ่านอย่างเดียวใช่หรือไม่ คือไม่สามารถเปลี่ยนแปลงข้อมูลภายในได้
    tabIndex ใช้ในการกำหนดค่า หรือคืนค่า ลำดับการได้รับ focus ของ checkbox เมื่อกดปุ่ม tab
    accessKey ใช้ในการกำหนดค่า หรือคืนค่า คีย์ลัด ( จากการกดปุ่ม alt + key )
    disabled ใช้ตรวจสอบ หรือกำหนดค่า ว่าจะให้ checkbox นี้ทำงานหรือไม่
    accept ใช้กำหนดค่า หรือคืนค่า ชนิดของเนื้อหาที่จะส่งไป server
    align ใช้กำหนดค่า หรือคืนค่า ตำแหน่งข้อความ ของ checkbox
    alt ใช้กำหนดค่า หรือคืนค่า ข้อความที่ใช้แสดง ในกรณีที่ browser ไม่สนับสนุน object นี้
    onfocus ใช้กำหนดให้ function ทำงานเมื่อ checkbox ได้รับ focus
    onblur ใช้กำหนดให้ function ทำงานเมื่อ checkbox สูญเสีย focus
    onclick ใช้กำหนดให้ function ทำงานเมื่อ checkbox ถูก click
    onmousedown ใช้กำหนดให้ function ทำงานเมื่อ มีการคลิกเมาส์ลงที่ checkbox
    onmouseup ใช้กำหนดให้ function ทำงานเมื่อ มีการปล่อยเมาส์ที่คลิกลง checkbox
  • method :
    focus ();

    return type :
    void

    content :
    ใช้กำหนดให้ checkbox ได้รับ focus

    example :
    var tagCheckbox = document.getElementById ( "bamboo" );
    tagCheckbox.focus();

  • method :
    blur ();

    return type :
    void

    content :
    ใช้กำหนดให้ checkbox สูญเสีย focus

    example :
    var tagCheckbox = document.getElementById ( "bamboo" );
    tagCheckbox.blur();

  • method :
    click ();

    return type :
    void

    content :
    ใช้กำหนดให้ เหมือนมีการ click ที่ checkbox

    example :
    var tagCheckbox = document.getElementById ( "bamboo" );
    tagCheckbox.click();

  • property :
    name;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า name ของ checkbox

    example :
    var tagCheckbox = document.getElementById ( "bamboo" );
    alert ( tagCheckbox.name );

  • property :
    id;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า id ของ checkbox

    example :
    var tagCheckbox = document.getElementById ( "bamboo" );
    alert ( tagCheckbox.id );

  • property :
    type;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า type ของ checkbox

    example :
    var tagCheckbox = document.getElementById ( "bamboo" );
    alert ( tagCheckbox.type );

  • property :
    value;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า value ของ checkbox

    example :
    var tagCheckbox = document.getElementById ( "bamboo" );
    alert ( tagCheckbox.value );

  • property :
    form;

    return type :
    form

    content :
    ใช้คืนค่า form element ของ checkbox

    example :
    var tagCheckbox = document.getElementById ( "bamboo" );
    alert ( tagCheckbox.form );

  • property :
    checked;

    return type :
    boolean, void

    content :
    ใช้ในการตรวจสอบ หรือกำหนดค่า ว่ามีการ check ที่ checkbox หรือไม่

    example :
    var tagCheckbox = document.getElementById ( "bamboo" );
    if ( tagCheckbox.checked )
    {
    	alert ( "checkbox be checked" );
    }

  • property :
    defaultChecked;

    return type :
    boolean, void

    content :
    ใช้ในการตรวจสอบ หรือกำหนดค่า default checked ของ checkbox

    example :
    var tagCheckbox = document.getElementById ( "bamboo" );
    if ( tagCheckbox.defaultChecked )
    {
    	alert ( "checkbox be checked by default" );
    }

  • property :
    readOnly;

    return type :
    boolean, void

    content :
    ใช้ตรวจสอบ หรือกำหนดว่า checkbox ใช้อ่านอย่างเดียวใช่หรือไม่ คือไม่สามารถเปลี่ยนแปลงข้อมูลภายในได้

    example :
    var tagCheckbox = document.getElementById ( "bamboo" );
    if ( tagCheckbox.readOnly )
    {
         alert ( "can not change data in checkbox" );
    }

  • property :
    tabIndex;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า ลำดับการได้รับ focus ของ checkbox เมื่อกดปุ่ม tab

    example :
    var tagCheckbox = document.getElementById ( "bamboo" );
    tagCheckbox.tagIndex = "5";

  • property :
    accessKey;

    return type :
    string, void

    content :
    ใช้ในการกำหนดค่า หรือคืนค่า คีย์ลัด ( จากการกดปุ่ม alt + key )

    example :
    var tagCheckbox = document.getElementById ( "bamboo" );
    alert  ( tagCheckbox.accessKey );

  • property :
    disabled;

    return type :
    boolean, void

    content :
    ใช้ตรวจสอบ หรือกำหนดค่า ว่าจะให้ checkbox นี้ทำงานหรือไม่

    example :
    var tagCheckbox = document.getElementById ( "bamboo" );
    if ( tagCheckbox.disabled )
    {
         alert ( "checkbox is not enabled" );
    }

  • property :
    accept;

    return type :
    string, void

    content :
    ใช้กำหนดค่า หรือคืนค่า ชนิดของเนื้อหาที่จะส่งไป server

    example :
    var tagCheckbox = document.getElementById ( "bamboo" );
    alert ( tagCheckbox.accept );

  • property :
    align;

    return type :
    string, void

    content :
    ใช้กำหนดค่า หรือคืนค่า ตำแหน่งข้อความ ของ checkbox
    โดยค่าข้อมูลที่เป็นไปได้ คือ right, left, center

    example :
    var tagCheckbox = document.getElementById ( "bamboo" );
    tagCheckbox.align = "right";

  • property :
    alt;

    return type :
    string, void

    content :
    ใช้กำหนดค่า หรือคืนค่า ข้อความที่ใช้แสดง ในกรณีที่ browser ไม่สนับสนุน object นี้

    example :
    var tagCheckbox = document.getElementById ( "bamboo" );
    alert ( tagCheckbox.alt );
    

  • property :
    onfocus = function;

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ checkbox ได้รับ focus

    example :
    var tagCheckbox = document.getElementById ( "bamboo" );
    tagCheckbox.onfocus = function()
    {
         alert ( "checkbox gain focus" );
    }

  • property :
    onblur = function;

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ checkbox สูญเสีย focus

    example :
    var tagCheckbox = document.getElementById ( "bamboo" );
    tagCheckbox.onblur = function()
    {
         alert ( "checkbox loss focus" );
    }

  • property :
    onclick = function;

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ checkbox ถูก click

    example :
    var tagCheckbox = document.getElementById ( "bamboo" );
    tagCheckbox.onclick = function()
    {
         alert ( "checkbox be clicked" );
    }

  • property :
    onmousedown = function;

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ มีการคลิกเมาส์ลงที่ checkbox

    example :
    var tagCheckbox = document.getElementById ( "bamboo" );
    tagCheckbox.onmousedown = function()
    {
         alert ( "checkbox be mouse clicked" );
    }

  • property :
    onmouseup = function;

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ มีการปล่อยเมาส์ที่คลิกลง checkbox

    example :
    var tagCheckbox = document.getElementById ( "bamboo" );
    tagCheckbox.onmouseup = function()
    {
         alert ( "checkbox be clicked mouse release" );
    }

 
Share This Chapter Login with Facebook