javascript - Jquery $ ('input[name=""]').change(函数在 Chrome 中不会触发，除非后面有 Uncaught Error

Question

所以，这是我编写的一个脚本，用于使某些输入依赖于另一个输入的肯定答案。在这种情况下，“父”输入是一个单选按钮。

您可以看到，当文档准备好时，它会隐藏输入的父 div，然后等待相关选项更改，然后触发逻辑。

如果你看看 JavaScript 底部附近的评论，你就会明白是什么让我感到困惑。如果我删除 if 语句，则更改函数不会触发。如果我设置变量以便控制台中不记录错误，则更改事件不会触发。

如果我将 jquery 选择器更改为 $('select').change... 事件会触发，但显然不适用于单选按钮。将其更改为 $('input').change... 也会失败。

<script type="text/javascript"><!--
                $(function(ready){
                    $('#input-option247').parent().hide();
                    $('#input-option248').parent().hide();
                    $('#input-option249').parent().hide();
                    $('#input-option250').parent().hide();
                    $('#input-quantity').attr('type', 'hidden');
                    $('#input-quantity').parent().hide();
                    $('input[name="option\\[230\\]"]').change(function() {
                        if (this.value == '21') { //If yes, display dependent options
                            $('#input-option247').parent().show().addClass('required');
                            $('#input-option248').parent().show().addClass('required');
                            $('#input-option249').parent().show().addClass('required');
                            $('#input-option250').parent().show().addClass('required');
                        } else if (this.value == '22') { //If no, hide dependent options
                            $('#input-option247').parent().hide().removeClass('required');
                            $('#input-option248').parent().hide().removeClass('required');
                            $('#input-option249').parent().hide().removeClass('required');
                            $('#input-option250').parent().hide().removeClass('required');
                        }
                    });
                    //I don't know why this is necessary, but the input.change() event WILL NOT FIRE unless it's present.  If I set the variable, then it breaks the change function above.  If it's not here, it breaks the change function above.  I'm stumped.
                    if(poop){}

                });//--></script>

我真的希望有人能看到一些我疲惫的大脑看不到的明显的东西。这是一个如此简单的脚本，我正在为一个看起来相当烦人的错误而烦恼。

Answer 1

如果您的选择器包含特殊字符，您需要在这些字符之前使用 \\。

$('input[name="option[230]"]')

应该是

$('input[name="option\\[230\\]"]')

参见http://api.jquery.com/category/selectors/