写了个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,大家见笑。
下载先取消了。。有些问题