Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > ปัญหาสร้าง button บวก ลบ จำนวนสินค้าพร้อมอับเดดออโต้



 

ปัญหาสร้าง button บวก ลบ จำนวนสินค้าพร้อมอับเดดออโต้

 



Topic : 128612



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



สถานะออฟไลน์




สวัสดีค่ะ

อยากทำ ปุ่ม บวกลบ จำนวนสินค้า ดังรูปที่แนบมา โดยมีเงื่อนไขว่า

เมื่อ กด + จำนวนตัวเลข เพิ่มตามจำนวนที่ต้องการ พร้อมอับเดดออโต้ เขาต้องกดปุ่ม + - เท่านั้น ไม่ให้ใส่ค่า ใน text ค่ะ เช่น

ทิชชู่ 1 แพค มี 6 ม้วน (เราต้องการให้เขาเห็นเป็นจำนวนม้วน)

จะบังคับให้ เขา เพิ่ม เป็น แพ๊ค คือ ทีละ 6 ม้วน
คือที่ไม่เอาจำนวนแพ็ค มาคิด เพราะ สินค้าที่จะขายเขาต้องการชื้อเป็นจำนวนของ

พอกดลบ ก็ลบออกตามจำนวน แพค พร้อมอับเดดออโต้ เช่นกัน

+-

ได้อ่านจากบทความนี้แล้วไม่เข้าใจค่ะ
https://www.thaicreate.com/community/javascript-create-dynamic-element-html-form.html

ช่วยแนะนำด้วยคะ
ขอบคุณค่ะ



Tag : PHP








ประวัติการแก้ไข
2017-08-18 10:49:07
2017-08-18 17:23:12
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2017-08-18 10:46:42 By : nud View : 6430 Reply : 9
 

 

No. 1



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์


Code (PHP)
https://stackoverflow.com/questions/31103893/number-increment-button


Code (PHP)
https://css-tricks.com/number-increment-buttons/






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-08-18 14:52:25 By : Pong Thep
 


 

No. 2



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



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 1 เขียนโดย : Pong Thep เมื่อวันที่ 2017-08-18 14:52:25[/quote[quote-no=1]ตอบความคิดเห็นที่ : 1 เขียนโดย : Pong Thep เมื่อวันที่ 2017-08-18 14:52:25
รายละเอียดของการตอบ ::
คือ อยากให้บวก จำนวน ไม่ใช่ทีละ 1 คะ และ ทำการอับเดดในฐานข้อมูลด้วย ต้องแก้อย่างไรค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-08-18 17:56:56 By : nud
 

 

No. 3



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



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 1 เขียนโดย : Pong Thep เมื่อวันที่ 2017-08-18 14:52:25
รายละเอียดของการตอบ ::

Code (PHP)
<button type="button" class="txtQua-left-minus btn btn-danger btn-number"  data-type="minus" data-field="">
<span class="glyphicon glyphicon-minus"></span></button>


 <input type="text" id="txtQua<?=$strNum;?>" name="txtQua[]" class="span1 form-control input-number" placeholder="1" min="1" max="100" value="<?=$_SESSION["strQuanlity"]["$i"];?>" maxlength="6" onChange="checknum(this.value,'txtQua<?=$strNum;?>');" readonly>


<button type="button" class="txtQua-right-plus btn btn-success btn-number" data-type="plus" data-field="">
<span class="glyphicon glyphicon-plus"></span></button>


Code (Java)
<script>
$(document).ready(function(){

var quantitiy=0;
   $('.txtQua-right-plus').click(function(e){
        
        // Stop acting like a button
        e.preventDefault();
        // Get the field name
        var txtQua = parseInt($('#txtQua').val());
        
        // If is not undefined
            
            $('#txtQua').val(txtQua + 1);

          
            // Increment
        
    });

     $('.txtQua-left-minus').click(function(e){
        // Stop acting like a button
        e.preventDefault();
        // Get the field name
        var txtQua = parseInt($('#txtQua').val());
        
        // If is not undefined
      
            // Increment
            if(txtQua>0){
            $('#txtQua').val(txtQua - 1);
            }
    });
    
});
</script>




ติดตรงนี้คะ
มันบวกเพิ่มทีละ 1 เราจะเปลี่ยนจาก1 เป็นตัวแปล ของค่าเริ่มต้นของสินค้าที่ดึงมาโชว์ ได้อย่างไรค่ะ
เช่น
ขนม 12 ซอง tex จะโชว์ 12 พอกด บวก ให้ บวก ไป ทีละ 12 พอกดลบ ค่า สุดท้ายคือ 12 ค่ะ


ประวัติการแก้ไข
2017-08-19 12:01:52
2017-08-19 12:02:50
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-08-19 12:00:20 By : nud
 


 

No. 4



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



สถานะออฟไลน์


Code (PHP)
<input type='text' name='qty1' id='qty1' value='<?php echo $objResult["Packing"];?>' readonly = 'readonly'/>                 
<input type='text' name='qty' id='qty' value='<?php echo $objResult["Packing"];?>' readonly = 'readonly'/>
<input type='button' name='add' value='+'/>
<input type='button' name='subtract' value='-'/>

<script type="text/javascript">

with( document.getElementById( 'frmCart' ) )
  incrementButtons( add, subtract, qty );

</script>


Code (Java)
<script type="text/javascript">
function incrementButtons( upBtn, downBtn, qtyField )
{
  var step = parseFloat( qtyField.value ) || 1,
      currentValue = step;
  
  downBtn.onclick = function()
  {
    currentValue = parseFloat( qtyField.value ) || step; 
    qtyField.value = ( currentValue -= Math.min( step, currentValue - step ) );
  }
  
  upBtn.onclick = function()
  {
    currentValue = parseFloat( qtyField.value ) || step;   
    qtyField.value = ( currentValue += step );
  }    
}
</script>

มันได้ดังรู้ค่ะ
+-


เวลากดบวกมันบวกแค่แถวแรกค่ะ แถวต่อไปไม่เพิ่มให้
และไม่อับเดดให้ค่ะ กดรีเฟส ค่าก็หาย

ช่วยด้วยค้า


ประวัติการแก้ไข
2017-08-19 15:57:23
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-08-19 15:56:55 By : nud
 


 

No. 5



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



สถานะออฟไลน์


Code (PHP)
<button type="button" class="txtQua-left-minus btn btn-danger btn-number"  
  data-type="minus" data-package="<?=$packing?>"><span class="glyphicon glyphicon-minus"></span></button>
<input type="text" id="txtQua<?=$strNum;?>" name="txtQua[]" class="span1 form-control input-number" placeholder="1" min="1" max="100" value="<?=$_SESSION["strQuanlity"]["$i"];?>" maxlength="6" readonly>
<button type="button" class="txtQua-right-plus btn btn-success btn-number" 
  data-type="plus" data-package="<?=$packing?>"><span class="glyphicon glyphicon-plus"></span></button>

<script>
$(document).ready(function(){
   var quantitiy=0;
   $('.txtQua-right-plus').click(function(e){
        // Stop acting like a button
        e.preventDefault();
        // Get the field name
        var txtQua = parseInt($('#txtQua').val());
        // If is not undefined
        $('#txtQua').val(txtQua + parseInt($(this).data('package')) );
        // Increment
    });

    $('.txtQua-left-minus').click(function(e){
        // Stop acting like a button
        e.preventDefault();
        // Get the field name
        var txtQua = parseInt($('#txtQua').val());
        // If is not undefined
        // decrement
        if(txtQua>0){
            $('#txtQua').val(txtQua - $(this).data('package') );
        }
    });
    
});
</script>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-08-19 18:11:28 By : Chaidhanan
 


 

No. 6



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



สถานะออฟไลน์


Code (PHP)
[php]<input type='text' name='qty' id='qty' value="<?php echo $objResult["Packing"];?>" readonly = 'readonly'/>
<input type='button' name='add' value='+'/>
<input type='button' name='subtract' value='-'/>
[/php

Code (Java)
<script type="text/javascript">

with( document.getElementById( 'frmCart' ) )
  incrementButtons( add, subtract, qty );

</script>


Code (Java)
<script type="text/javascript">
function incrementButtons( upBtn, downBtn, qtyField )
{
  var step = parseFloat( qtyField.value ) || 1,
      currentValue = step;
  
  downBtn.onclick = function()
  {
    currentValue = parseFloat( qtyField.value ) || step; 
    qtyField.value = ( currentValue -= Math.min( step, currentValue - step ) );
  }
  
  upBtn.onclick = function()
  {
    currentValue = parseFloat( qtyField.value ) || step;   
    qtyField.value = ( currentValue += step );
  }    
}
</script>

1
เวลากดบวกมันบวกแค่แถวแรกค่ะ แถวต่อไปไม่เพิ่มให้
และไม่อับเดดให้ค่ะ กดรีเฟส ค่าก็หาย

ช่วยด้วยค้า


ประวัติการแก้ไข
2017-08-21 09:39:33
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-08-21 09:39:03 By : nud
 


 

No. 7



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



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 5 เขียนโดย : Chaidhanan เมื่อวันที่ 2017-08-19 18:11:28
รายละเอียดของการตอบ ::
กดบวกลบแล้วค่าไม่ขึ้นเลยค่ะ.
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-08-21 09:40:21 By : nud
 


 

No. 8



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



สถานะออฟไลน์


ส่วนใหญ่ผมจะตอบเป็นแนวคิด อันนี้พอดีว่างเลยทำเป็นตัวอย่างให้
ตัวอย่าง ทดสอบ
Code (PHP)
<?php
$testarray=array(
   (object)array('id'=>1, 'name'=>'stockname1', 'packing'=>6),
   (object)array('id'=>2, 'name'=>'stockname2', 'packing'=>12),
   (object)array('id'=>3, 'name'=>'stockname3', 'packing'=>24),
   (object)array('id'=>4, 'name'=>'stockname4', 'packing'=>144),
);
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Test Button inc-dec</title>
<link rel="stylesheet" type="text/css" href="asset/css/bootstrap.css">
<script src="asset/js/jquery-1.11.3.min.js"></script>
<script src="asset/js/bootstrap.min.js"></script>
<script>
$(document).ready(function(){
	$('.qty-minus').click(function(){
		var pkg = parseInt($(this).data('package'));
		var qty = $(this).parent().find('.span1').eq(0);
		var val = parseInt($(qty).val());
		if(val<pkg){
			$(qty).val(0);
		}else{
			$(qty).val(val - pkg);
		}
	});
	$('.qty-plus').click(function(){
		var pkg = parseInt($(this).data('package'));
		var qty = $(this).parent().find('.span1').eq(0);
		var val = parseInt($(qty).val());
		$(qty).val(val + pkg);	
	});
});
</script>
</head>
<body>
<div class="container">
<form>
<?php foreach($testarray as $row):?>
	<div class="row">
	<label><?=$row->name?></label>
	<button type="button" class="qty-minus btn btn-danger" data-package="<?=$row->packing?>"><span class="glyphicon glyphicon-minus"></span></button>
	<input type="text" name="txtQua[<?=$row->id?>]" class="span1 input-number" value="0" readonly>
	<button type="button" class="qty-plus btn btn-success" data-package="<?=$row->packing?>"><span class="glyphicon glyphicon-plus"></span></button>
	</div>
<?php endforeach;?>
</form>
</div>
</body>
</html>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-08-21 10:54:02 By : Chaidhanan
 


 

No. 9



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



สถานะออฟไลน์


ขอบคุณพี่พี่ที่มาตอบนะค่ะ ขอบคุณมาก


ประวัติการแก้ไข
2017-08-22 09:05:35
2017-08-22 14:23:01
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-08-22 08:59:51 By : nud
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : ปัญหาสร้าง button บวก ลบ จำนวนสินค้าพร้อมอับเดดออโต้
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 00
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่