jQuery适用于Firefox,Edge,但不适用于Chrome

时间:2019-07-04 22:17:32

标签: javascript jquery google-chrome firefox microsoft-edge

我有以下代码可在Firefox,Edge和Chrome中使用。

            <script>
            function hst_collected() {
            var value = $( 'input[name=interpret_hst_collected]:checked' ).val();
            if (value == 1) {
               $('#recording2').hide();
               $('#recording3').hide();
            }
            if (value ==2) {
               $('#recording2').show();
               $('#recording3').hide();
            }
            if (value ==3) {
              $('#recording2').show();
              $('#recording3').show();
            }
            }
            $( document ).ready(function() {
                hst_collected();
            });

            $('input[name=interpret_hst_collected]').change(function(){
                hst_collected();
            });
            </script>

任何想法和建议都将受到赞赏。

2 个答案:

答案 0 :(得分:0)

请参考以下代码并修改您的代码(假设您正在使用单选按钮):

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script>
    function hst_collected() {
        var value = $('input[name="interpret_hst_collected"]:checked').val();
        if (value == 1) {
            $('#recording2').hide();
            $('#recording3').hide();
        }
        if (value == 2) {
            $('#recording2').show();
            $('#recording3').hide();
        }
        if (value == 3) {
            $('#recording2').show();
            $('#recording3').show();
        }
    }
    $(document).ready(function () {
        hst_collected();
        $('input[name="interpret_hst_collected"]').change(function () {
            hst_collected();
        });
    });
</script>
<div>
    <input type="radio" name="interpret_hst_collected" value="1" />Level I
    <input type="radio" name="interpret_hst_collected" value="2"/>Level II
    <input type="radio" name="interpret_hst_collected" value="3"/>Level III

    <div id="recording2" style="width:50px; height:50px; background-color:antiquewhite">
        a
    </div>
    <div id="recording3" style="width:50px; height:50px; background-color:aqua">
        b
    </div>
</div>

这样的结果(使用Chrome版本75.0.3770.100和Microsoft Edge 44.18362.1.0):

enter image description here

答案 1 :(得分:0)

谢谢。

我在这篇文章Chromium's XSS auditor refused to execute a script中找到了解决方案。

我需要绕过Chrome的XSS保护。现在正在工作。

谢谢。