gpt4 book ai didi

javascript - 选中复选框时显示/隐藏 div

转载 作者:太空狗 更新时间:2023-10-29 16:51:39 24 4
gpt4 key购买 nike

<分区>

我需要在用户选中复选框时显示其他内容。我有以下代码:

<!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。

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com