قيمة الزيادة من textinput مع مسج مثل الدوار
سؤال
ومحاولة لخلق تأثير الدوار بسيط مع مسج، أي اثنين من الأزرار (ارتفاعا وانخفاضا) مع حقل النص. وupbutton يزيد من القيمة بينما على زر أسفل decreses القيمة. خطوات الاضافة + أو - 1
وأي اقتراحات ui.spinner هو الأكثر صفر. لا يعمل وأنا جديدة على مسج. عفن يكون شيء من هذا القبيل
$(#up).click (function ( /*SOMETHING GOES IN HERE but what?*/ ))
وكذلك ل#down. على حد سواء لمجموعة ضبط إدخال النص مثلا حقل معرف #test على النحو الوارد أعلاه.
المحلول
وربما شيء من هذا القبيل:
$(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 );
} );
} );
نصائح أخرى
وعرض توضيحي: http://jsbin.com/akiki
<button id="inc">+</button>
<button id="dec">-</button>
<input type="text" name="qty" value="0" />
<script type="text/javascript">
$(function(){
$("#inc").click(function(){
$(":text[name='qty']").val( Number($(":text[name='qty']").val()) + 1 );
});
$("#dec").click(function(){
$(":text[name='qty']").val( Number($(":text[name='qty']").val()) - 1 );
});
});
</script>
وإلقاء نظرة على هذا العرض - لقد وجدت أن هذا يعمل أفضل من كل تلك التي كنت قد حاولت
وخاصة إذا كنت تستخدم واجهة المستخدم الموضوعات مسج
ومع رمز قاعدة منrfunduk أنا خلقت هذا:
$(document).ready( function() {
var el = $('#quantity_wanted');
function change( amt ) {
if (el.val() == '') {
var newValue = 1;
} else {
var newValue = parseInt( el.val(), 10 ) + amt;
}
if (newValue > 0) {
el.val( newValue );
}
}
$('#cart_quantity_up').click( function() {
change( 1 );
} );
$('#cart_quantity_down').click( function() {
change( -1 );
} );
} );
لا تنتمي إلى StackOverflow