当前位置: 代码迷 >> Web前端 >> 写了个JQuery的小插件,统制元素隐藏/显示、是否可用
  详细解决方案

写了个JQuery的小插件,统制元素隐藏/显示、是否可用

热度:118   发布时间:2012-11-23 22:54:33.0
写了个JQuery的小插件,控制元素隐藏/显示、是否可用。

表单元素隐藏\显示、是否可用插件使用说明

一、简介:

在页面<head></head>标签内添加如下内容,即可实现表单元素隐藏\显示、是否可用效果。

<script type="text/javascript"> $(document).ready(function() { $().hideShowTool("btnTest",["tr1","tr2","tr3"]); //控制隐藏效果代码 }); </script>


?

?

?

二、使用方法:

1、控制表单元素隐藏/显示

语法规则:

$().hideShowTool(“控制用的控件名”,["要隐藏的元素1","要隐藏的元素2","要隐藏的元素3"],”控制用控件的触发值”,["要显示的元素1","要显示的元素2","要显示的元素3"]);

1?

$().hideShowTool("btnTest",["tr1","tr2","tr3"]);

2$().hideShowTool("case_radio",["tr3"],"case_radio_1",["tr1","tr2"]);

$().hideShowTool("case_radio",["tr1","tr2"],"case_radio_2",["tr3"]);

参数解释:

" case_radio ":单选按钮控件名。

["tr3"]:要隐藏的控件数组 (支持table\tr\td\标签等页面大部分元素)

" case_radio_1":当单选按钮选中" case_radio_1"时触发隐藏和显示效果。

[["tr1","tr2"]:要显示的控件数组。

说明:

当选中单选按钮的case_radio_1选项时tr1,tr2显示、tr3隐藏,反之选中case_radio_2选项时tr1,tr2隐藏、tr3显示

注意:

1、控制用控件通常为按钮、checkbox、单选、下拉列表、前两种只需前两个参数即可。

2、元素名可以是id也可以是name

?

2、控制表单元素是否可用

与上面控制表单元素隐藏/显示使用方式相同

1

??? $().disabledTool("btnHide",["user_name","email","chinese"]);

2

??? $().disabledTool("selectTest",null,"man",["male_question","male_info"]);

??? $().disabledTool("selectTest",["male_question","male_info"],"women",null);

?

?

可查看DEMO页面:demo.html

?

本人初学jQuery,大家见笑。

?

?

下载先取消了。。有些问题

1 楼 02221021 2010-01-26  
toggle()不行吗
  相关解决方案