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

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ใส่ตัวเลขใน 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 49.49.215.xxx 15-06-2015 16:53:55

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

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

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

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

( หรือ เข้าใช้งานผ่าน Social Login )

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 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 1.46.15.xxx 15-06-2015

ความคิดเห็นที่ 2

ขอบคุณมากๆค่ะ แล้วจะลองไปประยุกต์ดูนะคะ

apatsaraare 49.49.215.xxx 15-06-2015 22:18

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน