0

您好我正在尝试获取一个简单的脚本，该脚本将根据用户是否单击页面上的复选框来隐藏或显示 div。

我有一个用我要编辑的元素以及脚本编写的测试 HTML，但是当我测试它时，现在 chrome 开发人员控制台显示错误或脚本甚至被调用。

我已经查看了这两个以供参考：

如何检查是否在jQuery中选中了复选框？
除非选择单选按钮，否则如何使复选框变灰？

这是对我将使用的 jQuery 库的引用。

<script language="JavaScript" type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

除了我试图开始工作的脚本：

$('extendedStay').click(function(){
  $('#extendedQuarter').toggle(this.checked);
});

以及我试图开始工作的元素：

<div id="extendedResponse" align="left">
    <form action="">
        <div name="extendedStayResponses">
            <input type="checkbox" name="extendedStay" id="extendedStay"/>Yes
        </div>
        <div id="extendedQuarter" style="display:none">
            <select name="extraQuarters" selected="1">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
            </select>
        </div>
    </form>
</div>

我只是不正确地实现了该功能，还是我没有看到一些语法错误。

4

1 回答 1

4

添加一个#for id 选择器。此外，如果此脚本在页面加载时执行，您应该将其放置在没有$(document).ready()函数的情况下。

  <script>
      $(document).ready(function(){
        $('#extendedStay').click(function(){
            $('#extendedQuarter').toggle(this.checked);
        });
      });
    </script>

工作示例：http: //jsfiddle.net/Lv8eX/

于 2013-03-10T17:33:01.630 回答