jquery работает в Firefox, Edge, но не в Chrome

Question

У меня есть следующий код, который работает в 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>

Любые идеи и предложения приветствуются.

Answer 1

Спасибо.

Я нашел решение в этом посте: XSS-аудитор Chromium отказался выполнить скрипт .

Мне нужно обойти защиту Chrome XSS. Сейчас работает.

Спасибо.

Answer 2

Пожалуйста, обратитесь к следующему коду и измените ваш код (предположим, вы используете переключатель):

<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):