<分区>
我需要在用户选中复选框时显示其他内容。我有以下代码:
<!DOCTYPE html>
<html>
<head>
<title>Checkbox</title>
<script type="text/javascript">
$(document).ready(function(){
$('#checkbox1').change(function(){
if(this.checked)
$('#autoUpdate').fadeIn('slow');
else
$('#autoUpdate').fadeOut('slow');
});
});
</script>
</head>
<body>
Add another director <input type="checkbox" id="checkbox1"/>
<div id="autoUpdate" class="autoUpdate">
content
</div>
</body>
</html>
非常感谢一些帮助，良好的 HTML5、CSS3 知识以及非常基本的 JavaScript/jQuery。
最佳答案
你的头脑中缺少 jQuery，你必须包含它。
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
您的代码有效 DEMO
根据新信息更新
$(document).ready(function () {
$('#checkbox1').change(function () {
if (!this.checked)
// ^
$('#autoUpdate').fadeIn('slow');
else
$('#autoUpdate').fadeOut('slow');
});
});
你也可以只使用 .fadeToggle()
$(document).ready(function () {
$('#checkbox1').change(function () {
$('#autoUpdate').fadeToggle();
});
});
关于javascript - 选中复选框时显示/隐藏 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19447591/