关于点击显示与隐藏的事件

前几天第一次上班,激动又害怕。真怕自己做不好,被老板炒鱿鱼了。

上班第一天,老板给我了我一个任务:大概就是

这样的任务,点击是的时候没有text文本框;然而点击否的时候就会出现

就是这样的样式;

本来也是初学者,还是有点偏向写后台代码的我也是觉得很简单。

但是真真去做的时候又不知道从哪里 入手。才知道我也是眼高手低,以为自己什么都会。

于是灰头土脸的去学习JS,JQuery。

经过不懈的努力,终于弄清楚了显示与隐藏的大概方法了

首先让所有的text文本框都隐藏

css样式是:style="display: none";

然后判断这个单选框的值是否就显示,不是否就隐藏。

说实话,想到这里我自己都觉得自己很聪明好吗。

对了,这布局是两个DIV

单选一个,text文本框一个。

在每个单选框里面加个事件,给下面的文本框的div在个id


function doclick(value,tid){
    if(value == "否"){
        $(tid).show();
    }else{
        $(tid).css({display:"none"});
    }
    
}

然后就可以通过一个事件显示和隐藏所有的文本框了

不吹不黑,我简直是天才!






  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值