แจก Code jQuery วิธีการจัดการกับ checkbox  สร้างคำถาม

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

แจก Code jQuery วิธีการจัดการกับ checkbox


// สร้าง function สำหรับกำหนดค่า checked ตามข้อมูลที่เคยใส่ไว้
//โดยดึงค่าจาก hidden field ใน format json เช่น [0,1,2,0,4,0]
function initCheck(chkId){
var json = $("#"+chkId).val();
json = jQuery.parseJSON(json);
$.each(json, function(index,val) {
$("#"+chkId+val).prop('checked', true);
});
}
//ทุกครั้งที่มีการ ติ๊ก checkbox ให้ทำการ ใส่ค่าให้ hidden field
function procCheck(chkId){
var txt="[0,"
$("."+chkId).each(function(i){
if($("#"+chkId+(i+1)).is(':checked')){
txt+=$("#"+chkId+(i+1)).val()+",";
}else{
txt+="0,";
}
});
txt+="0]";
$("#"+chkId).val(txt);
}
//ตัวอย่างการเรียกใช้งาน function
$(document).ready(function(){
initCheck("chk");
$(".chk").click(function(){
procCheck("chk");
});
});

ตัวอย่าง TAG HTML ขอเอา tag ออกนะครับเพราะ content ไม่ support

input type="hidden" id="chk" value="[0,1,2,0,4,0]"
input type="checkbox" id="chk1" value="1" class="chk"
input type="checkbox" id="chk2" value="2" class="chk"
input type="checkbox" id="chk3" value="3" class="chk"
input type="checkbox" id="chk4" value="4" class="chk"


ถ้าชอบบทความนี้ กด Like เลย :แจก Code jQuery วิธีการจัดการกับ checkbox
TAGS : Javascript   Jquery   Programming   เขียนโปรแกรม  
 2,269 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 01/06/2019



SOA,Java,XSLT

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




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

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

  ขอวิธี ตรวจสอบว่าเป็น string หรือ int ทีค่ะ Java นะคะ ถามเมื่อ (2011-06-24)   3,557 views  (ดูล่าสุดเมื่อ 13 นาที)

  วันที่ใน Javascript เริ่มนับเดือน ที่ 0 ถึง 11 นะครับ ถามเมื่อ (2017-02-01)   2,679 views  (ดูล่าสุดเมื่อ 14 นาที)

  Oracle คืออะไรครับ ถามเมื่อ (2020-10-05)   4,889 views  (ดูล่าสุดเมื่อ 33 นาที)

  POJO คืออะไรในภาษา Java คือ Object ธรรมดาๆ หรือเปล่า ถามเมื่อ (2015-08-28)   8,537 views  (ดูล่าสุดเมื่อ 55 นาที)

  Hibernate Mapping Auto number ใน Oracle ด้วย SEQUENCE ถามเมื่อ (2019-02-13)   3,425 views  (ดูล่าสุดเมื่อ 66 นาที)

  HDFS คืออะไร ทำความรู้จักกับ HDFS หรือ Hadoop Distributed File System ถามเมื่อ (2017-02-07)   4,358 views  (ดูล่าสุดเมื่อ 71 นาที)

  HBASE การออกแบบโครงสร้าง แบบ Map Key Value ที่ควรรู้ ถามเมื่อ (2017-02-07)   3,410 views  (ดูล่าสุดเมื่อ 87 นาที)

  Arraylist java คือ Class ที่ใช้เก็บข้อมูลเหมือน Array โดยใช้ Index ในการเข้าถึง ถามเมื่อ (2015-08-28)   3,023 views  (ดูล่าสุดเมื่อ 105 นาที)

  แจก Code ตัวอย่าง Code และ Error ต่างๆ รวบรวมไว้ที่นี่ ถามเมื่อ (2016-07-28)   1,714 views  (ดูล่าสุดเมื่อ 125 นาที)

  ตัวอย่าง Javascript หาตำแหน่ง GPS location latitude longitude ถามเมื่อ (2018-06-25)   2,271 views  (ดูล่าสุดเมื่อ 130 นาที)


 

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