Post archive

Tag: checkbox

  • jQuery

    จัดการข้อมูลในฟอร์มด้วย .val()

    คำสั่ง val() นี่ถือว่าเป็นคำสั่งเด็ดดวงเลยก็ว่าได้ เพราะเราคือผู้ทำเว็บแอพพลิเคชั่น ย่อมหลีกหนีไม่พ้น เรื่องตรวจสอบฟอร์มว่าป้อนไม่ป้อน ติ๊กไม่ติ๊ก บังคับให้ต้องป้อนข้อมูลหรือไม่ เป็นต้น ถ้าเทียบกับ javascript เดิม คำสั่งนี้จะเทียบได้กับ document.form1.textbox_name.valuedocument.form1.textbox_name.value ย๊าวยาว… คำสั่ง val() นี้คำสั่งเดียว สามารถใช้ได้ทั้ง ดึงค่าและกำหนดค่า เรามาดูรายละเอียดกันครับ ว่าใช้งานอย่างไร val() parameter : none คำสั่งนี้ใช้สำหรับดึงค่า value ออกมาจากคอนโทรลในฟอร์ม จำพวก textbox , checkbox , listbox เป็นต้น ตัวอย่างการใช้งาน Live Demo

    READ MORE
  • jQuery

    วิธีการตรวจสอบ checkbox ด้วย jQuery

    เช็กบ้อกมี attribute ตัวหนึ่งที่จะเป็นตัวบอกว่า ตัวมันเองถูกติ๊กเลือกหรือเปล่า คือ checked ถ้าหากว่าผู้ใช้ติ๊กเครื่องหมายถูก checked จะมีค่าเท่ากับ true ถ้าไม่ถูกเช็กจะมีค่าเท่ากับ false jQuery นั้นมีคำสั่งดึงค่าค่าจาก attribute ของคอนโทรลตัวไหนๆ ก็ตามง่ายๆ ดูตัวอย่าง Live Demo <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <title>jquery checkbox checked</title> <script type="text/javascript"> $(document).ready(function(){   $(‘#button’).click(function(){   alert( $(‘#checkbox’) .attr( ‘checked’ ) );   }); […]

    READ MORE
  • PHP

    ลบฐานข้อมูลด้วย checkbox

    ผมเคยเขียนบทความแบบนี้มาครั้งนึงแล้ว http://www.select2web.com/php/how-to-delete-multi-row.html แต่ก็จะเขียนอีกครั้ง เผื่อว่าบทความนั้นยังไม่อาจสร้างความกระจ่างให้แก่ท่านได้อย่างชัดเจน มีมากดีกว่ามีน้อยเนอะ อาหารแบบเดียวกันที่แม่ครัวปรุงในแต่ละครั้ง รสชาติแตกต่างกัน บทความที่ผมปรุงขึ้นมาแต่ละครั้ง ถึงเรื่องเดียวกันก็ตาม รสชาติก็แตกต่างกัน เผื่อว่าบทความอันใหม่จะถูกลิ้นท่านมากกว่า การลบข้อมูลโดยใช้ checkbox เป็นตัวเลือกนั้น หลักการอยู่ที่ เราจะสร้าง checkbox ให้เป็น Array และค่าที่เก็บใน checkbox แต่ละตัวก็จะเป็น primary key ของตาราง เวลาส่งข้อมูลไปยังหน้าที่มีโค้ดสำหรับลบ เราก็ลูปเอาค่าออกจาก checkbox Array ของเรา ก็จะได้ค่าที่ต้องการลบออกมาทั้งหมด

    READ MORE
  • jQuery

    คุณต้องเลือกอย่างน้อย 1 ตัว ด้วย jQuery

    ความต้องการของเหตุการณ์ครั้งนี้มีอยุ่ว่า  ทำระบบลงทะเบียนรับข่าวสาร และมีตัวเลือกให้เขาเลือกว่าจะรับข่าวสาร อะไร แบ่งเป็นหมวดๆ หรือจะเลือกรับมากกว่า 1 หมวด ได้ การเขียน jQuery เช็กจะเป็นดังนี้ 1 2 3 4 5 if( !(jQuery("input[type=’checkbox’]:checked").val() == 1) ){ message += "กรุณาเลือกหัวข้อข้อมูลข่าวสาร ที่คุณต้องการได้รับข่าวสาร อย่างน้อย 1 ตัวเลือกn"; alert( message ); return false; }if( !(jQuery("input[type=’checkbox’]:checked").val() == 1) ){ message += "กรุณาเลือกหัวข้อข้อมูลข่าวสาร ที่คุณต้องการได้รับข่าวสาร อย่างน้อย 1 ตัวเลือกn"; alert( message ); return false; }    8 9 […]

    READ MORE
  • jQuery

    การตรวจดูว่า checkbox เป้าหมาย ถูก checked หรือไม่ ด้วย jQuery

    ของบางอย่างสำหรับบางคน ดูว่าง่าย ของบางอย่างสำหรับบางคนดูว่ายาก ของบางอย่างสำหรับบางคน หากันเป็นวัน กว่าจะได้ เมื่อได้มาแล้ว ก็เก็บไว้ดูเองสักหน่อย คือความต้องการ มีอยู่ว่า อยากรู้ว่า checkbox ตัวหนึ่งที่เราเตรียมไว้ ถูก user ติ๊กเลือกหรือเปล่า ถ้าติ๊กเลือกจะได้ให้เขาป้อน ข้อมูลใน textbox ที่เตรียมไว้ด้วย  ถ้าไม่ติ๊กเลือกก็แล้วไป 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20   if ( $( "#administrator_recieve_daily:checked" ).val() == 1 ) {   //+ ตรวจสอบอีเมล์ว่าถูกต้องหรือไม่ if( […]

    READ MORE
  • PHP

    การลบข้อมูลหลายแถว ด้วย checkbox

    หลายท่านคงคุ้นหน้าคุ้นตา กับการเลือกข้อมูลหลายแถว แล้วลบในคราวเดียว ดังรูปด้านล่าง และคิดว่าหลายท่านคงเคยคิดจะทำ แต่ไม่รู้จะทำยังไง  ตั้งชื่อ checkbox โดยการ เอา PK จากฐานข้อมูลมาเป็นชื่อ ก็ไม่ได้ เพราะส่วนมากเป็นตัวเลข ผิดกฏการตั้งชื่อ หรือจะตั้งเป็น D_ แล้วตามด้วย PK เอ่อ… ชีวิตก็ลำบาก สมัยผมเขียนโปรแกรมใหม่ๆ คิดกันปวดหัวเหมือนกัน  เอาล่ะ … มาดูกัน หลักการนั้นง่ายมากครับ ตั้งชื่อ checkbox ให้เป็น array เช่น admin_id[] , branch_id[] เป็นต้น value ของ checkbox ก็เก็บ PK ของตารางในฐานข้อมูล ที่เราจะลบ เมื่อ submit ข้อมูลไปแล้ว ในหน้าที่เราใช้ทำงานลบข้อมูล ก็ให้ loop เอาทีละ checkbox ออกมา แล้วก็ลบข้อมูลตาม ค่าที่ได้มา ถ้างง […]

    READ MORE