2016-03-31 58 views
0

Kullanıcıların bir tutar seçin veya başka miktarını seçmek için izin veren bir form giderme oldum. Tıklama tutarındaki diğer tutar, tutarı 5 ABD Doları olarak değiştirir. Bunu elde etmeye çalışıyorum, kullanıcı 5 değerini değiştirdiğinde amt = kullanıcı girdisini değiştirir.Giderme jQuery giriş değeri

burada Başvuru için o

function setDonrAmount(id){ 
    var amt = id.substring(10); 
    if(amt == 'Other'){ amt = 5} 
    var others = id.substring(0,10); 
    $("button[id*="+others+"]").removeClass('active'); 
    $('button#'+id).addClass('active'); 
    $('input#donrAmountInput').val(amt); 
    $('input#donrAmountInput').change(); 
    $('#donrReviewAmount').html(amt); 
} 

değiştiren gerçek formudur script biraz. Yardım çok takdir edilecektir. https://secure.pva.org/site/c.ajIRK9NJLcJ2E/b.9381225/k.8668/FY2016_March_Congressional/apps/ka/sd/donorcustom.asp

+1

Kullanıcı özel bir miktarda yazıyorsa "$ Other" öğesinin seçilmesini mi istiyorsunuz? –

+0

Evet, diğer düğmesini almaya çalışıyorum yanı seçilmelidir. –

cevap

1

(document.ready içinde) Ben özel bağışları işlemek için setDonrAmount() birkaç güncelleme yaptık.

$("#donrAmountButtons").on("click", function() { 
    var amt = id.substring(10); 
    setDonrAmount(amt); 
    $('#donrAmount' + amt).addClass('active'); 
}); 

$("#donrAmountInput").on("focusout", function() { 
    setDonrAmount($("#donrAmountInput").val()); 
    $('#otherAmount button').addClass('active'); 
}); 

function setDonrAmount(val) { 
    var amt = val || 0; 

    if (amt.length < 2 && amt < 5) 
    amt = 5; 

    $('input#donrAmountInput').val(amt); 
    $('input#donrAmountInput').change(); 
    $('#donrReviewAmount').html(amt); 

    $('#donrAmountButtons .active').removeClass('active'); 
} 
+0

Bu çok anlam ifade ediyor. Garip olan şey şimdi daha az 5 ile başlayan bir sayı yazın edemez lol ... kodlayıcılar bloke .. –

+0

Birkaç saat bu konuda kafamı bozucu olduğunu ama farklı bir bakış açısı oluşturacak bakmak gerekiyordu. Yani 20 ya da 15 yazmayı denersem, bunu yapmama izin vermez. Birkaç şey denedim ama senaryonun çalışmasını sağlayamıyorum. –

+0

giriş uzunluğu kontrol etmek için bir koşullu eklendi. iki basamaklı veya büyükse o 5'inden –

1
giriş alanından bir keyup olayı kontrol edin ve bu olduğunda seçim yapmak isteyeceksiniz

. Bir şey gibi ...

$('#donrAmountInput').on('keyup', function() { 
    // Probably best to strip any non-numeric characters from the field here 
    amt = $(this).val(); 
    // pseudo-code: $('#donrAmountOther').select(); as I'm not sure about jQuery's handling of input group buttons. There'll be a way to select this one somehow! 
});