PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

ใส่ตัวเลขใน textbox ที่ผ่านการเลือกของ checkbox อัตโนมัติ

ใส่ตัวเลขใน textbox ที่ผ่านการเลือกของ checkbox อัตโนมัติ

พอจะมีวิธีการทำให้ value ของ checkbox ขึ้นต่อจาก ข้อมูลใน textbox ที่มีอยู่แล้วไหมคะ 

ตัวอย่างเช่น ได้พิมพ์ข้อมูลลงใน textbox1 ว่า "01"
จากนั้นจะเป็นการเลือก checkbox 
สมมติว่าได้เก็บค่า value ใน checkbox1 ด้วยเลข "1" และเก็บค่า value ใน checkbox2 ด้วยเลข "2"

หากเลือก checkbox1  ข้อมูลจากขึ้นใน textbox1 ว่า  "011"  
แต่ถ้าเลือก checkbox2 ข้อมูลจะขึ้นใน textbox1 ว่า . "012"

คือต่อจากข้อมูลใน textbox ที่ได้ทำการพิมพ์เอาไว้ในตอนแรก แบบอัตโนมัติ
พอจะมีวิธีไหมคะ T______T


โดย:  Apatsaraare IP: 49.49.215.xxx วันที่: 15-06-2015 เวลา: 16:53:55

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 2
ขอบคุณมากๆค่ะ แล้วจะลองไปประยุกต์ดูนะคะ 

โดย:  Apatsaraare IP: 49.49.215.xxx วันที่: 15-06-2015 เวลา: 22:18:59
 ความคิดเห็นที่ 1
ใช้วิธีการต่อค่าธรรมดา ลองใช้ data ของ jquery ดูโค้ดเป็นแนวทางไปประยุกต์ใช้เพิ่มเติม

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
    
    
<div style="margin:auto;width:400px;">

   
    <input type="text" name="mytext" id="mytext">
    <br><br>
    <input type="checkbox" class="chk_css" name="chk1" id="chk1" value="1"> 1
    <br>
    <input type="checkbox" class="chk_css" name="chk2" id="chk2" value="2"> 2
    <br>
</div>    
    
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>  
<script type="text/javascript">   
$(function(){
    
    // ถ้ามีการพิมพ์ที่ textbox ให้เก็บค่าใน data attribute หนึ่ง html5
    $("#mytext").on("keyup",function(){
        $.data($(this)[0],"textVal",$(this).val()); // เก็บค่าใน data attribute ชื่อ key = textVal
         $(".chk_css").prop("checked",false);  // ยกเลิกการเลือก checkbox กรณีแก้ไขข้อความ
    });
    $(".chk_css").on("click",function(){
        var obj=$("#mytext");  // อ้างอิง textbox
        var getValData=obj.data("textVal"); // ดึงค่าที่กรอกมาใช้ไว้ต่อข้อความ       
        if($(this).prop("checked")){ // ถ้า  checkbox ถูกเลือก
            var valCheck=$(this).val(); // เก็บค่า checkbox
            $("#mytext").val(getValData+valCheck); // ต่อค่าแล้วแสดงใน textbox
        }else{
            $("#mytext").val(getValData);  // แสดงค่าเก่าใน textbox          
        }
    });


});
</script>        
</body>
</html>



ตัวอย่าง



1
2




โดย:  Ninenik IP: 1.46.15.xxx วันที่: 15-06-2015