Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > OnKeyPress กับ textbox และ RadioGroup ผมมี textbox อยู่ 3 อันและ RadioGroup อยู่ 1 ชุด Radiogroup เลือกได้เพียงค่าเดียว

OnKeyPress กับ textbox และ RadioGroup ผมมี textbox อยู่ 3 อันและ RadioGroup อยู่ 1 ชุด Radiogroup เลือกได้เพียงค่าเดียว

เริ่มหัวข้อใหม่

crd7

โพสกระทู้ ( 35 )
บทความ ( 0 )

ผมมี textboxอยู่3อันและ RadioGroupอยู่1ชุด

Radiogroup เลือกได้เพียงค่าเดียว(เช่นเลือกแล้วค่าเท่ากับ20 ให้แสดงผลลัพธ์ที่textbox3เลย)

textboxอันที่1 พิมพ์ตัวเลข(ให้นำค่าRadiogroupคือ20+ค่าในtextbox1แล้วแสดงผลลัพธ์ที่textbox3)
textboxอันที่2 พิมพ์ตัวเลข(ให้นำค่าRadio+text1/text2แล้วแสดงผลลัพธ์text3)

textboxอันที่3 ผลลัพธ์

โดยที่ไม่ต้องกดsubmit ครับ ให้แสดงผลเลย
ต้องเขียนยังไงดีครับ
ขอบคุณครับ

Tag : - - - -

Date : 2009-12-29 09:11:17

By : crd7

View : 1407

Reply : 4

No. 1

onedan

โพสกระทู้ ( 869 )
บทความ ( 2 )

ใช้จาวาสคริป สิ ทำได้อยู่แล้ว

Date : 2009-12-29 10:30:40

By : onedan

No. 2

onedan

โพสกระทู้ ( 869 )
บทความ ( 2 )

onchange นะ

Date : 2009-12-29 10:32:41

By : onedan

No. 3

crd7

โพสกระทู้ ( 35 )
บทความ ( 0 )

พอจะมีตัวอย่างไหมครับ

Date : 2009-12-29 11:34:17

By : crd7

No. 4

xxx

โพสกระทู้ ( 3,144 )
บทความ ( 1 )

โจทย์เหมือนการบ้านเลย แต่ก็ทำให้เพราะผลประโยชน์อยู่ที่คนทำ

คนไหนทำคนนั้นได้ความรู้

JavaScript.htm

<!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>
    <title>Untitled Page</title>
    <script type="text/javascript">
        function RadioToTextBox3(obj)
        {
            var txt1 = document.getElementById('Text1');
            var txt2 = document.getElementById('Text2');
            var txt3 = document.getElementById('Text3');
              
            if (txt1.value != '' && txt2.value != '') 
                txt3.value = (parseInt(txt1.value)/parseInt(txt2.value)) + parseInt(obj.value);
            else if (txt1.value != '' && txt2.value == '') 
                txt3.value = parseInt(txt1.value) + parseInt(obj.value);
            else
                txt3.value = obj.value;
        }
        
        function TextBox1ToTextBox3(obj)
        {
            var rad1 = document.getElementById('Radio1');
            var rad2 = document.getElementById('Radio2');
            var rad3 = document.getElementById('Radio3');
            var txt2 = document.getElementById('Text2');
            var txt3 = document.getElementById('Text3');
            
            var rad = 0;
            
            if (rad1.checked)
                rad = 10;
            else if (rad2.checked)
                rad = 20;
            else if (rad3.checked)
                rad = 30;
            
            if (obj.value != '')
            {       
                if (txt2.value != '') 
                    txt3.value = (parseInt(obj.value)/parseInt(txt2.value)) + rad;
                else if (txt2.value == '') 
                    txt3.value = parseInt(obj.value) + rad;
                else
                    txt3.value = rad;
            }
            else
                txt3.value = rad;
        }
        
        function TextBox2ToTextBox3(obj)
        {
            var rad1 = document.getElementById('Radio1');
            var rad2 = document.getElementById('Radio2');
            var rad3 = document.getElementById('Radio3');
            var txt1 = document.getElementById('Text1');
            var txt3 = document.getElementById('Text3');
            
            var rad = 0;
            
            if (rad1.checked)
                rad = 10;
            else if (rad2.checked)
                rad = 20;
            else if (rad3.checked)
                rad = 30;
                   
            if (obj.value != '')
            {      
                if (txt1.value != '') 
                    txt3.value = (parseInt(txt1.value)/parseInt(obj.value)) + rad;
                else
                    txt3.value = rad;
            }
            else
            {
                if (txt1.value != '')
                    txt3.value = parseInt(txt1.value) + rad;
                else
                    txt3.value = rad;                    
            }
        }
    </script>
</head>
<body>
    <input id="Radio1" name="Radio1" type="radio" value="10" onclick="RadioToTextBox3(this)" />Click 10<br />
    <input id="Radio2" name="Radio1" type="radio" value="20" onclick="RadioToTextBox3(this)" />Click 20<br />
    <input id="Radio3" name="Radio1" type="radio" value="30" onclick="RadioToTextBox3(this)" />Click 30<br /><br />
    <input id="Text1" name="Text1" type="text" onkeyup="TextBox1ToTextBox3(this)" /><br />
    <input id="Text2" name="Text2" type="text" onkeyup="TextBox2ToTextBox3(this)" /><br />
    <input id="Text3" name="Text3" readonly="readonly" type="text" /><br />
</body>
</html>

Date : 2009-12-29 21:23:55

By : tungman

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : OnKeyPress กับ textbox และ RadioGroup ผมมี textbox อยู่ 3 อันและ RadioGroup อยู่ 1 ชุด Radiogroup เลือกได้เพียงค่าเดียว

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก