สอบถามการเขียนเงื่อนไข Jquery ครับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถามการเขียนเงื่อนไข Jquery ครับ

สอบถามการเขียนเงื่อนไข Jquery ครับ
1. <input type="text" id="xxx" readonly><br><br>
2. <input type="text" id="yyy"><br><br>
3. <input type="radio" name="chk" id="plus" value="1">+
<input type="radio" name="chk" id="del" value="2">-
<input type="text" id="zzz"><br>

เงือนไขคือ...

- ข้อ 1 เป็นผลลัพธ์ที่เกิดจากการคำนวณของ ข้อ 2 และข้อ 3
- โดยที่ข้อ 3 จะมี radio ให้เลือกค่าบวก หรือลบ //ถ้าเลือกค่าบวก หรือไม่เลือกอะไรเลย = ข้อ 2 + ข้อ 3 ... ถ้าเลือกค่าลบ = ข้อ 2 - ข้อ 3

สามารถเขียนแบบ jquery ได้ยังไงครับ ขอบคุณครับ


Hardalways 61.19.210.xxx 07-10-2015 16:26:52

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

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


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


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

 ความคิดเห็นที่ 1
คือเหมือนกับการบวกเลขปกติครับ แต่มีเงื่อนไขคือให้ user กดว่าจะบวกหรือลบได้เอง ถ้าไม่กดก็ถือว่าเป็นบวก เมื่อคำนวณไปแล้วสามารถแก้ตัวเลข หรือเลือกเงื่อนไขใหม่ได้ ประมาณนี้ครับ


hardalways 61.19.210.xxx 07-10-2015 16:39
 ความคิดเห็นที่ 2
น่าจะประมาณนี้

1.

2.

3. + -



1. <input type="text" id="xxx" readonly><br><br>  
2. <input type="text" id="yyy"><br><br>  
3. <input type="radio" name="chk" id="plus" value="1">+  
<input type="radio" name="chk" id="del" value="2">-  
<input type="text" id="zzz"><br>      
<script type="text/javascript">
$(function(){
    $("#yyy,#zzz,input[name='chk']").bind("keyup click change",function(){
        var xxx =null;
        var yyy =parseInt($("#yyy").val());
        var zzz =parseInt($("#zzz").val());
        var operation = $("input[name='chk']:checked").length;
        var checkVal = null;
        if(operation>0 && $("input[name='chk']:checked").val()==2){
             xxx = yyy-zzz;
        }else{
             xxx = yyy+zzz;
        }
        xxx=(isNaN(xxx))?0:xxx;
        $("#xxx").val(xxx);        
    });
});
</script>    


ninenik 180.183.43.xxx 07-10-2015
 ความคิดเห็นที่ 3
รบกวนอีกนิดครับ

- กรณีถ้าคีย์ตัวเลขช่องใดช่องนึง แล้วให้ขึ้นข้อ 1 อัตโนมัติ ต้องเพิ่มโค้ดยังไงครับ เช่น คีย์เลข 5 ในข้อ 2 ก็ปรากฎเลข 5 ในข้อ 1 เลยอ่ะครับ

ขอบคุณครับ


hardalways 171.96.178.xxx 07-10-2015 23:20
 ความคิดเห็นที่ 4
ลองใส่
 
zzz=(isNaN(zzz))?0:zzz; 
 
ก่อนบรรทัด if(operation>0 ............


ninenik 1.47.100.xxx 08-10-2015
1






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ