PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

สอบถามการเขียนเงื่อนไข 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 IP: 61.19.210.xxx วันที่: 07-10-2015 เวลา: 16:26:52

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

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


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


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 4
ลองใส่
 
zzz=(isNaN(zzz))?0:zzz; 
 
ก่อนบรรทัด if(operation>0 ............


โดย:  Ninenik IP: 1.47.100.xxx วันที่: 08-10-2015
 ความคิดเห็นที่ 3
รบกวนอีกนิดครับ

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

ขอบคุณครับ

โดย:  Hardalways IP: 171.96.178.xxx วันที่: 07-10-2015 เวลา: 23:20:52
 ความคิดเห็นที่ 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 IP: 180.183.43.xxx วันที่: 07-10-2015
 ความคิดเห็นที่ 1
คือเหมือนกับการบวกเลขปกติครับ แต่มีเงื่อนไขคือให้ user กดว่าจะบวกหรือลบได้เอง ถ้าไม่กดก็ถือว่าเป็นบวก เมื่อคำนวณไปแล้วสามารถแก้ตัวเลข หรือเลือกเงื่อนไขใหม่ได้ ประมาณนี้ครับ

โดย:  Hardalways IP: 61.19.210.xxx วันที่: 07-10-2015 เวลา: 16:39:34