0

入力値はクリック時に変更する必要があります

これは私のコードです

<div class="inputQty">
     <span>
        <small class="up">^</small>
         <small class="down">V</small>
     </span>
     <input type="text" maxlength="6" name="oa_quantity" class="input-quantity"  value="1"/>
 </div>

「.up」をクリックすると入力値が 1++ に変わり、「.down」をクリックすると入力値が 1- - に変わります

私を助けてください

ここでジャフィドル http://jsfiddle.net/X57Mz/

4

8 に答える 8

2

これを使って：

$(function(){
  $('.up').on('click',function(){
     $('.input-quantity').val(parseInt($('.input-quantity').val())+1);
  });

  $('.down').on('click',function(){
     $('.input-quantity').val(parseInt($('.input-quantity').val())-1);
  });
});
​

働くフィドル

于 2012-06-01T06:00:45.100 に答える
2

このようにできます。jsfiddle http://jsfiddle.net/X57Mz/4/の動作サンプルを確認してください

$(document).ready(function() {

    $(".up").click(function() {
       $(".input-quantity").val(parseInt($(".input-quantity").val())+1); 
    });

    $(".down").click(function() {
       $(".input-quantity").val(parseInt($(".input-quantity").val())-1); 
    });
});​

負の数に行きたくない場合は、非負のボックスが必要な場合は、次のようにすることができます

$(document).ready(function() {

    $(".up").click(function() {
       $(".input-quantity").val(parseInt($(".input-quantity").val())+1); 
    });

    $(".down").click(function() {
      if(parseInt($(".input-quantity").val())>0)
       $(".input-quantity").val(parseInt($(".input-quantity").val())-1); 
    });
});​

ここにjsfiddleがありますhttp://jsfiddle.net/X57Mz/6/

于 2012-06-01T06:01:29.593 に答える
2

デモ http://jsfiddle.net/7hzcB/6/

Jクエリコード

<script type="text/javascript"> 
 $(function() {
    $(".up").click(function() {
        $(".input-quantity").val(parseInt($(".input-quantity").val()) + 1)
    });
    $(".down").click(function() {
        $(".input-quantity").val(parseInt($(".input-quantity").val()) - 1)
    });
}); 

 </script>​​​​​​​​​​​​​​​​​​

HTML

<div class="inputQty"> 
         <span> 
            <small class="up">^</small> 
             <small class="down">V</small> 
         </span> 
         <input type="text" maxlength="6" name="oa_quantity" class="input-quantity"  value="1"/> 
     </div>
于 2012-06-01T06:02:28.477 に答える
2

ここにあなたのコードが入ります..

$('.up').click(function()
{

 var temp=$('.input-quantity').val();

    $('.input-quantity').val(parseInt(temp)+parseInt(1));

});

$('.down').click(function()
{

 var temp=$('.input-quantity').val();

    $('.input-quantity').val(parseInt(temp)-parseInt(1));

});
于 2012-06-01T06:04:58.567 に答える
0

現在の値を取得し、それを 1 増やして、値を置き換えます。

$(document).ready(function(){
    $('.up').on('click',function(){
        var value = parseInt($('.input-quantity').first().val());
        value++;
        $('.input-quantity').first().val(value);
                         
    });
});​

デモ

下ボタンを機能させるには、上記のコードを簡単に変更します。

于 2012-06-01T06:01:26.513 に答える
0 
$('.inputQty small').on('click', function() {

    var cls = $(this).hasClass('up'); // check that it has up class
    $('.input-quantity').val(function() {
        // if up class exists then increase value by 1 else decrease by 1
        return cls ? parseInt(this.value) + 1 : parseInt(this.value) - 1;
    });
});

作業サンプル

于 2012-06-01T06:03:52.660 に答える
0

さらに別のデモ http://jsfiddle.net/3v3YL/2/

コードB-)

var inputval = parseInt($('.input-quantity').val());

$(".up").click(function(){

    $('.input-quantity').val(inputval++);

});

$(".down").click(function(){

     $('.input-quantity').val(inputval--);
});
​
于 2012-06-01T06:04:14.837 に答える
0 
$(document).ready( function() {
  var el = $('#test');
  function change( amt ) {
    el.val( parseInt( el.val(), 10 ) + amt );
  }

  $('.up').click( function() {
    change( 1 );
  } );
  $('.down').click( function() {
    change( -1 );
  } );
} );
于 2012-06-01T06:04:32.380 に答える