您的位置:首页 > 其它

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

2017-11-08 11:31 323 查看
前几天第一次上班,激动又害怕。真怕自己做不好,被老板炒鱿鱼了。

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



这样的任务,点击是的时候没有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"});

    }

    

}

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

不吹不黑,我简直是天才!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: