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

写了个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()不行吗