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 />

$（文档）.on（＆＃34;更改＆＃34;）不会启动Mozilla Firefox

1 个答案: