最後のラジオグループが変更された場合に実行する機能

Question

ラジオボタングループが不明です。このグループのラジオボタンがチェックされている場合は、機能を実行します。

次のような状況で動作するjQueryにlast-of-typeのようなものがありますか？あなたがこれを行うことができます

<div class="variant--group"> 
     <div class="variant--option"> 
     <input type="radio" class="radio" name="radio1"> 
     </div> 
     <div class="variant--option"> 
     <input type="radio" class="radio" name="radio1"> 
     </div> 
    </div> 

    <div class="variant--group"> 
     <div class="variant--option"> 
     <input type="radio" class="radio" name="radio2"> 
     </div> 
     <div class="variant--option"> 
     <input type="radio" class="radio" name="radio2"> 
     </div> 
    </div> 

    ... 

Answer 1

一つの方法は、グループを取得し、基本的には...

$(".variant--group").last().find(".radio").on("change", function() { 
    //stuff here 
}); 

だろう、それの内部に無線を見つけ、その後、最後のものを選択し、発生する変更を待ちますそれらの上に。あなたはまた、このように選択することができ

https://jsfiddle.net/omzgoo3k/

:last selectorセレクタは、jQueryのV1.0から追加beedいるが、$(".variant--group:last .radio").on(...

Answer 2

last-of-type-selectorは、jQueryのV1.9に追加されました。

構文：

：radio.radio：

最後の手段：クラスラジオとの最後のラジオを選択します。

ので、可能な解決策を使用できます。これは、最後のラジオが変更された場合のみであるように思われる

$(function() { 
 
    $('.variant--group').find(':radio.radio:last').on('change', function(e) { 
 
    $('body').append('<p>Last radio changed</p>'); 
 
    }) 
 
});

<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script> 
 

 

 
<div class="variant--group"> 
 
    <div class="variant--option"> 
 
     <input type="radio" class="radio" name="radio1"> 
 
    </div> 
 
    <div class="variant--option"> 
 
     <input type="radio" class="radio" name="radio1"> 
 
    </div> 
 
</div> 
 

 
<div class="variant--group"> 
 
    <div class="variant--option"> 
 
     <input type="radio" class="radio" name="radio2"> 
 
    </div> 
 
    <div class="variant--option"> 
 
     <input type="radio" class="radio" name="radio2"> 
 
    </div> 
 
</div>