Kullanıcı bir radyo düğmesini tıkladığında her divanda nasıl bir mesaj açabilirim?

Question

Yaklaşık 20 seçenekli bir formum var ve bir kullanıcının tıklattığı seçenekte aynı satırda "güncellenmiş" gibi bir uyarı metni görüntülemek istiyorum. Sonuç olarak, bir kullanıcı seçenek 1'deki bir radyo düğmesine tıklarsa, bunun yanında görüntülenecektir ve sonra seçenek 2, 3, ... için de geçerli olacaktır.

Metni görüntülemek için belirlenmiş belirli bir div alabilirim, ancak Bütün bir form için bunu nasıl yapacağımdan emin değilim. Girişteki belirli "adı" hedefleyebilir miyim, böylece ajax çağrısı için okunduğundan pop-up metninin nereden çıkılacağını bilir?

Ben bu işi yapmak için mücadele ediyorum

$("input").click(function() { 
    var name = $(this).attr('name'); 
    var val = $(this).val(); 
     if(val !=='') { 
      "http://someurl.com", 
      { name: val, 
      data: name 
      }, 
      function(data) {}, "json" 
    )} 
     $(this.name).html("Data Updated").show().delay(1000).fadeOut(); 
}); 
}); 

HTML

<form id="myform" action="form" method="post"> 
<div class="myclass1"><input type="radio" class="set1" name="option1" id="option1a" value="0" checked/></div> 
<div class="myclass1"><input type="radio" class="set2" name="option1" id="option1b" value="0"/></div> 
<div class="myclass1"><input type="radio" class="set2" name="option1" id="option1c" value="0"/></div> 

<div class="myclass1"><input type="radio" class="set1" name="option2" id="option2a" value="0" checked/></div> 
<div class="myclass2"><input type="radio" class="set2" name="option2" id="option2b" value="1"/></div> 
<div class="myclass2"><input type="radio" class="set2" name="option2" id="option2c" value="2"/></div> 

<div class="myclass1"><input type="radio" class="set1" name="option3" id="option3a" value="0" checked/></div> 
<div class="myclass2"><input type="radio" class="set2" name="option3" id="option3b" value="1"/></div> 
<div class="myclass1"><input type="radio" class="set2" name="option3" id="option3c" value="2"/></div> 

Answer 1

Muhtemelen böyle bir şey yapabilirsiniz:

$(function() { 
 
    var $message = $('<span class="message">Updated</span>'); 
 

 
    $('input').change(function (e) { 
 
    var $element = $(e.currentTarget); 
 
    $element.after($message.stop(true, true).show()); 
 
    $message.fadeOut(1000); 
 
    }); 
 
});

}); Eğer gerçekten tıklama istiyorsan o

Ayrıca sadece click için change değiştirin.