即使沒有變化，IE8單選按鈕.change（）事件也會觸發

Question

似乎下面的HTML和jQuery事件在Internet Explorer中無法按預期工作。在IE中，每次單擊單選按鈕時都會觸發該事件（即使它是當前選定的一個）。在Chrome中，它工作正常。任何想法的IE修復？

<input id="system-open" type="radio" name="system-closure" value="false" checked="">Open 
<input id="system-close" type="radio" name="system-closure" value="true">Close 

$("input[name=system-closure]:radio").change(function() { 
    alert($(this).val()); 
}) 

Answer 1

你可以在數據屬性以前的值存儲包含元素，看看是否選擇實際上已經改變了。試試這個：

<div class="radio-container"> 
    <input id="system-open" type="radio" name="system-closure" value="false" checked="">Open 
    <input id="system-close" type="radio" name="system-closure" value="true">Close 
</div> 

$("input[name=system-closure]:radio").change(function() { 
    var $radio = $(this); 
    var $container = $radio.closest('.radio-container'); 
    var currentValue = $radio.val(); 
    var oldValue = $container.data('old-value'); 

    if (currentValue != oldValue) { 
     // the selection has been changed, do something... 
     alert($(this).val()); 
    } 

    $container.data('old-value', currentValue); 
})