แจก Code jQuery วิธีกำหนดค่า checked ให้กับ radio หรือ select box  สร้างคำถาม

 1,324 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 01/06/2019

แจก Code jQuery วิธีกำหนดค่า checked ให้กับ radio หรือ select box

ตัวอย่างการ set ค่า checked หรือ selected ให้กับ radio box หรือ select box
โดยการใช้ jQuery แบบง่ายๆ บ้านๆครับ
จากตัวอย่างสมมุติเรามี input ที่เป็น radio อยู่ 2 ตัวคือ prefix และ sex
และก็มี select box อยู่ 1 ตัว ชื่อ status วิธีการกำหนดค่า checked ก็ง่ายๆ ตามนี้


//เอาค่าจาก database หรือจากตัวแปรมากำหนดไว้ก่อน
var prefix_checked="2";
var sex_checked="1";
var status_checked="9";
//ใช้ jQuery กำหนดค่า selected เข้าไปได้เลย
$(document).ready(function(){
$("input[name=prefix][value=" + prefix_checked + "]").attr('checked', 'checked');
$("input[name=sex][value=" + sex_checked + "]").attr('checked', 'checked');
$("#status").val(status_checked).change();
});

จากตัวอย่างนี้ตอนหา radio box ผมไม่ได้ กำหนด ID หรือ class เอาไว้
เลยใช้วิธี selector จาก input name และ value
ส่วน select box ได้มีการกำหนด id เอาไว้เลยใช้วิธี selector แบบใช้ # นั่นเอง


ถ้าชอบบทความนี้ กด Like เลย :แจก Code jQuery วิธีกำหนดค่า checked ให้กับ radio หรือ select box
TAGS : Javascript   Jquery   Programming   โปรแกรมมิ่ง  
 1,324 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 01/06/2019



SOA,Java,XSLT

 ร่วมแสดงความคิดเห็นได้ที่นี่




× แจ้งเตือน! เราสนับสนุนทุกความคิดเห็น ที่ ใช้ถ้อยคำสุภาพ ไม่ละเมิดผู้อื่น ไม่ก่อให้เกิดความขัดแย้ง

เนื้อหาที่เกี่ยวช้อง

  ปรับแต่ง jquery tab ยังไงครับเช่นแก้ สีตัวอักษร เปลี่ยนพื้นหลัง ถามเมื่อ (2013-03-28)   3,034 views  (ดูล่าสุดเมื่อ 8 นาที)

  datatable page select row วิธีปิด select row per page แบบให้ paging ยังอยู่ ถามเมื่อ (2017-06-01)   1,970 views  (ดูล่าสุดเมื่อ 9 นาที)

  Oracle SQL MOD หารเอาเศษยังไงครับ ถามเมื่อ (2017-03-03)   5,265 views  (ดูล่าสุดเมื่อ 10 นาที)

  java mbean คือ อะไรครับ ใช้ทำอะไรได้บ้าง ถามเมื่อ (2015-08-28)   3,159 views  (ดูล่าสุดเมื่อ 19 นาที)

  ใช้ Eclipse gen Webservice Client ที่ติด Authen ยังไงครับ ถามเมื่อ (2017-03-03)   1,613 views  (ดูล่าสุดเมื่อ 21 นาที)

  JasperReport วิธีใช้งาน Build in Report Variable ถามเมื่อ (2018-12-21)   1,966 views  (ดูล่าสุดเมื่อ 35 นาที)

  ติดปัญหา Security Path Manipulation แก้ยังไงดีครับ ถามเมื่อ (2015-05-22)   2,849 views  (ดูล่าสุดเมื่อ 36 นาที)

  PLSQL วิธี ตัดเคาะ Enter ออก ลองใช้ trim แล้วไม่ได้ ถามเมื่อ (2017-03-03)   2,145 views  (ดูล่าสุดเมื่อ 39 นาที)

  jFreechart วิธีทำ Custom Label เพื่อแสดงผลบนกราฟดั่งใจเรา ถามเมื่อ (2017-03-03)   1,723 views  (ดูล่าสุดเมื่อ 47 นาที)

  รู้จักกับ XSL XSLT XPath XQuery XSL Fo ในการจัดการข้อมูล XML ถามเมื่อ (2014-05-27)   2,402 views  (ดูล่าสุดเมื่อ 51 นาที)


 

บ้านเดียวกันดอทคอม เว็บถามตอบ รวมทุกเรื่องที่คุณอยากรู้ ให้ความรู้ ความบันเทิง มีสาระ
www.ban1gun.com