SORU
31 EKİM 2012, ÇARŞAMBA


Nasıl değiştirme olayı telsiz kullanmak?

İki radyo düğmesi var değiştirme olayı Nasıl mümkün düğmesini değiştirmek istiyorum? Benim Kod

<input type="radio" name="bedStatus" id="allot" checked="checked" value="allot">Allot
<input type="radio" name="bedStatus" id="transfer" value="transfer">Transfer

Script

<script>
    $(document).ready(function () {
        $('input:radio[name=bedStatus]:checked').change(function () {
            if ($("input[name='bedStatus']:checked").val() == 'allot') {
                alert("Allot Thai Gayo Bhai");
            }
            if ($("input[name='bedStatus']:checked").val() == 'allot') {
                alert("Transfer Thai Gayo");
            }
        });
    });
</script>

bu Komut, Yalnızca Tahsis Radyo düğmesini seçin Çalışıyor

CEVAP
31 EKİM 2012, ÇARŞAMBA


input geçerli öğe anlamına gelir this kullanabilirsiniz.

$(document).ready(function() {
    $('input[type=radio][name=bedStatus]').change(function() {
        if (this.value == 'allot') {
            alert("Allot Thai Gayo Bhai");
        }
        else if (this.value == 'transfer') {
            alert("Transfer Thai Gayo");
        }
    });
});

http://jsfiddle.net/4gZAT/

Eğer ifadeleri ve 10 ** seçici kaldırılmış ise de allot karşı değerini karşılaştırarak unutmayın.

JQuery kullanarak değil durumunda, document.querySelectorAll HTMLElement.addEventListener yöntemleri kullanabilirsiniz:

var radios = document.querySelectorAll('input[type=radio][name="bedStatus"]');

function changeHandler(event) {
   if ( this.value === 'allot' ) {
     console.log('value', 'allot');
   } else if ( this.value === 'transfer' ) {
      console.log('value', 'transfer');
   }  
}

Array.prototype.forEach.call(radios, function(radio) {
   radio.addEventListener('change', changeHandler);
});

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Kanaal van Dj0fifty

    Kanaal van D

    28 EKİM 2011
  • Jon Reed

    Jon Reed

    14 AĞUSTOS 2006
  • UCBerkeley

    UCBerkeley

    3 Mayıs 2006