现在的位置: 网页制作教程网站制作教程 >正文
JavaScript脚本

勾选checkbox复选框-选中显示div取消勾选框div隐藏

发表于2016/12/23 网站制作教程 0条评论 ⁄ 热度 6,395℃

选中checkbox勾选框,指定内容出现,取消选中的checkbox复选框,指定内容就隐藏。

用js中的click事件可以做成这样效果。

<input type="checkbox" onclick="chk(this)"/>
<div id="myid">显示内容</div>
<script type="text/javascript">
function chk(obj){
  if(obj.checked){
    $("#myid").show();
  }else{
    $("#myid").hide();
  }
}
</script>

show()是从显示内容,hide()是隐藏内容。

注意:需要在js代码前引入jquery库。

  • 暂无评论