【点击checkbox复选框,显示or隐藏某区域】

功能:

1. 选中复选框,显示隐藏的区域;

2. 取消选中,再隐藏该显示的区域。

方法1:在layui + jquery框架下

代码如下:




    
    
    选中checkbox复选框,显示某区域
    
    


    

运行效果图:

【点击checkbox复选框,显示or隐藏某区域】_第1张图片

【点击checkbox复选框,显示or隐藏某区域】_第2张图片

方法2:纯粹的HTML+CSS+JavaScript

代码入下:




    
    
    选中checkbox复选框,显示某区域
    


    
属于江苏省

运行效果图:

你可能感兴趣的:(JavaScript,layui,layui,前端,javascript)