สนับสนุนเว็บ

ผู้เขียน หัวข้อ: Jquery เพิ่ม คอมม่า (,) ให้กับเลข ตามหน่วยต่าง ๆ  (อ่าน 453 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

Permalink: Jquery เพิ่ม คอมม่า (,) ให้กับเลข ตามหน่วยต่าง ๆ

17/ธ.ค./13 หัวข้อไอดี: 16040348 | ลิ้งค์หัวข้อ: /topic/16040348

ออฟไลน์ นๅยด้ามขวาน

  • ออฟไลน์
  • 49115
    30336
    64841



  • Administrator
  • *****
  • สมัครสมาชิกเมื่อ 17/07/2009
    YearsYearsYearsYearsYearsYearsYearsYearsYearsYears
  • กระทู้ : 49115
  • Like Post : 64841
  • Peny : 30336
  • 16

    • ดูรายละเอียด


  • เข้าใช้งานล่าสุดเมื่อ 10/มิ.ย./19


Jquery เพิ่ม คอมม่า (,) ให้กับเลข ตามหน่วยต่าง ๆ

หลักจากได้เพิ่มบทความ  Javascript เพิ่ม คอมม่า (,) ให้กับเลข ตามหน่วยต่าง ๆ   ซึ่งเป็นฟังชั่นก์ ที่มีผู้รู้เขียนไว้เป็นตัวอย่างในเว็บ thaicreate.com ห้อง PHP

แต่บทความนี้จะเป็นการนำ Jquery มาใช้แทน ซึ่งมีรูปแบบในการใช้งาน ง่าย และสะดวก  โดยเข้าไปดาวน์โหลด สคริป จากเว็บ คุณไม่สามารถมองเห็น links ได้ กรุณา.สมัครสมาชิก หรือ เข้าสู่ระบบ
http://www.decorplanit.com/plugin/
และในเว็บเขาก็จะมีคำอธิบายเกี่ยวกับการนำไปใช้งาน ซึ่งผมพอเข้าใจเพื่อนำไปใช้งานคร่าว ๆ ดังนี้


$('selector').autoNumeric({options})  / สำหรับทำให้ textbox ที่เราต้องการให้เพิ่มคอมม่าให้อัตโนมัติตอนเราพิมพ์ลงไปเลย


$('selector').autoNumericGet() / สำหรับตัดตัว คอมม่า ออกจากค่าเพื่อนำไปทำการ บวก ลบ ได้ เช่นค่าที่ได้ เป็น 10,000.00 ก็จะตัดเป็น 10000.00


$('selector').autoNumericSet(value) / สำหรับทำให้ค่าที่ได้จาก ฐานข้อมูล หรือ ค่าที่เกิดขึ้นโดยที่เราไม่ได้กรอกผ่านทาง Textbox มีตัว คอมม่า โดยอัตโนมัติ



โค้ดตัวอย่างการใช้งาน

โค๊ด: [Select]
<!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" />
<title>Untitled Document</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="http://www.decorplanit.com/plugin/autoNumeric-1.7.4.js"></script>
<script type="text/javascript">
    $(function(){
        $('#text1').autoNumeric();
       
        $('#text1').blur(function(){
            $('#text2').val( $('#text1').autoNumericGet() );
        });
       
        $('#text3').autoNumericSet('1000');
    });
</script>
</head>

<body>
<input type="input" id="text1"> | <input type="input" id="text2"> | <input type="input" id="text3">
</body>
</html>

เขียนโดย Chaiwit

LikePost โดย 0 สมาชิก :


 

Sitemap 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 
ร่วมขับเคลื่อนโดย