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

Reference

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

    return type :
    void

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

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

  • method :
    blur ();

    return type :
    void

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

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

  • method :
    click ();

    return type :
    void

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

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

  • method :
    select ();

    return type :
    void

    content :
    ใช้กำหนดให้ มีแถบสีคลุมที่ radio

    example :
    var tagRadio = document.getElementById ( "bamboo" );
    tagRadio.select();

  • property :
    name;

    return type :
    string, void

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

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

  • property :
    id;

    return type :
    string, void

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

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

  • property :
    type;

    return type :
    string, void

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

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

  • property :
    value;

    return type :
    string, void

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

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

  • property :
    form;

    return type :
    form

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

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

  • property :
    size;

    return type :
    string, void

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

    example :
    var tagRadio = document.getElementById ( "bamboo" );
    alert ( tagRadio.size );

  • property :
    checked;

    return type :
    boolean, void

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

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

  • property :
    defaultChecked;

    return type :
    boolean, void

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

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

  • property :
    readOnly;

    return type :
    boolean, void

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

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

  • property :
    tabIndex;

    return type :
    string, void

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

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

  • property :
    accessKey;

    return type :
    string, void

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

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

  • property :
    disabled;

    return type :
    boolean, void

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

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

  • property :
    accept;

    return type :
    string, void

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

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

  • property :
    align;

    return type :
    string, void

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

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

  • property :
    alt;

    return type :
    string, void

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

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

  • property :
    onfocus = function;

    return type :
    void

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

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

  • property :
    onblur = function;

    return type :
    void

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

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

  • property :
    onclick = function;

    return type :
    void

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

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

  • property :
    onselectedstart = function;

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ มีการเริ่มต้นลากแถบสีเลือกข้อความบน radio

    example :
    var tagRadio = document.getElementById ( "bamboo" );
    tagRadio.onselectedstart = function()
    {
         alert ( "radio be start selected" );
    }

  • property :
    onselect = function;

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อมีการลากแถบสีคลุมข้อความใน radio

    example :
    var tagRadio = document.getElementById ( "bamboo" );
    tagRadio.onselect = function()
    {
         alert ( "radio be selected" );
    }

  • property :
    onchange = function;

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ ข้อมูลใน radio เปลี่ยนแปลง

    example :
    var tagRadio = document.getElementById ( "bamboo" );
    tagRadio.onchange = function()
    {
         alert ( "radio be changed" );
    }

 
Share This Chapter Login with Facebook