java Javascript复选框切换问题
嗨,我正在尝试得到一个简单的脚本,它将根据用户是否单击页面上的复选框来隐藏或显示div
我有一个用我想要编辑的元素和脚本编写的测试HTML,但当我测试它时,firebug now chrome developer控制台显示一个错误,或者脚本甚至被调用
我已经查看了这两个,以供参考:
How to check whether a checkbox is checked in jQuery?
How to grey out checkbox unless radio button is selected?
这是我将要使用的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>
我只是不正确地实现了这个函数,还是没有看到语法错误
# 1 楼答案
为id选择器添加一个
#
。此外,如果此脚本在页面加载时执行,则应将其放置在不带$(document).ready()
函数的位置工作示例:http://jsfiddle.net/Lv8eX/