简体   繁体   English

选中/取消选中复选框时如何隐藏/显示内容?

[英]How to hide/show content when checkbox is checked/unchecked?

我正在为一个客户端制作一个表单,他给我的任务是在未选中的某个复选框时创建一个显示/隐藏效果。

This function should do it: 这个功能应该这样做:

$("#yourCheckboxID").click(function ()
{
    if ($("#yourCheckboxID").attr("checked"))
    {
        $("#yourDivID").show();
    }
    else
    {
        $("#yourDivID").hide();
    }              
});

It will hide or show a specific div based on a checkbox . 它将隐藏或显示基于checkbox的特定div I wasn't sure exactly what you were trying to hide or show so I just assumed a div . 我不确定你究竟想隐藏或展示什么,所以我只是假设一个div

$("#checkboxID").change(function() { $("#targetToHideAndShow").toggle() } );

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何在选中复选框时隐藏内容并在未选中复选框时显示? - How to hide content when checkbox is checked and show when checkbox is unchecked? 选中/取消选中复选框时如何隐藏/显示表单的一部分? - How to hide/show part of a form when checkbox is checked/unchecked? 如何显示/隐藏<div>什么时候<mat-checkbox>被选中/未选中? - How to show/hide <div> when <mat-checkbox> is checked/unchecked? 选中复选框时,jQuery隐藏div,未选中时显示 - jQuery hide div when checkbox checked, show on unchecked 如何使用jQuery在复选框的选中/未选中状态上显示/隐藏元素 - How to show/hide an element on checkbox checked/unchecked states using jQuery (Javascript / Wordpress)选中/取消选中复选框时显示不同的内容 - (Javascript/Wordpress) Show different content when checkbox is checked/unchecked 在 Angular 中选中或取消选中时,如何在每个复选框下显示或隐藏 div 标签? - How to show or hide a div tag under each checkbox when checked or unchecked in Angular? javascript隐藏/显示div复选框:选中/取消选中 - javascript Hide/show div on checkbox: checked/unchecked 在复选框上显示/隐藏表单字段已选中/未选中 - Show/Hide Form Fields on checkbox checked/unchecked 至少选中一个复选框时显示div,但未选中最后一个复选框则隐藏 - Show a div when at least one checkbox is checked, but hide after last checkbox is unchecked
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM