$(document).on( "change" ) 不会在 Mozilla Firefox 上启动

Question

我对单选按钮和jquery有问题。onchange在Chrome中工作，但在Mozilla Firefox中不起作用。我在 Chrome 上的下面一行上放了一个断点，浏览器正在正常调试，但是当我在 Mozilla 上时，这个 onchange 永远不会触发

$(document).on("change", 'input[type="radio"]', function () {//code for doing something}

我的 HTML 代码是

<div id="tab-Pcy-2041" class="tab-pane active">
    <div class="radio radio-small">
        <label class="">
            <div class="i-radio checked">
                <input class="i-radio" data-ano="1" data-chno="0" 
                data-adce="0" data-chce="0" data-for="rbtncy"
                 xname="rbcy204" name="rbtncy2040" value="22038"
                 checked="checked" style="position: absolute; opacity: 0;" type="radio" />
                <ins class="iCheck-helper" style="position: absolute; top: 0%; left:   0%; 
                 display: block; width: 100%; height: 100%; margin: 0px; padding: 0px;
                 background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 
                 0px none; opacity: 0;">
                </ins>
            </div>
        test
        </label>
    </div>
    <div class="radio radio-small">
        <label class="">
            <div class="i-radio">
                <input class="i-radio" data-ano="1" data-chno="0" 
                 data-ace="15" data-chce="15" 
                 data-for="rbtncy" xname="rbtncy204"
                 name="rbtncy2040" value="22039" 
                 style="position: absolute; opacity: 0;" type="radio" />
                <ins class="iCheck-helper" style="position: 
                 absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; 
                 margin: 0px; padding: 0px; background: rgb(255, 255, 255) 
                 none repeat scroll 0% 0%; border: 0px none; opacity: 0;">
                </ins>
            </div>
            test33:
            <span class="ItemtestClass" data-itemce="15">
                <span class="CurrencySymbolClass">€</span>
                <span class="Itce"> 15</span>
            </span>
            Cd:
            <span class="ItemtestClass" data-itemce="15">
                <span class="CurrencySymbolClass">€</span>
                <span class="Itemce"> 15</span>
            </span>
        </label>
    </div>
</div>

Answer 1

使用最少的标记和脚本，您可以参考下面的工作片段

$(document).on("change","input[type=radio]", function(){
  console.log($(this).prop("id"));
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" name="rd1" id="option1" /><label for="option1">Option 1</label><br />
<input type="radio" name="rd1" id="option2" /><label for="option2">Option 2</label><br />
<input type="radio" name="rd1" id="option3" /><label for="option3">Option 3</label><br />