泛微OA系统利用Check框控制字段显示隐藏

如下代码所示：

<table>之间为在html模板绘制的表格
<table border="1" width="627" height="170">
<tbody>
标红代码为check框的存储位置
<tr>
<td height="36">c1</td>
<!--黑色部分是需要在添加好check框之后需要我们为check框添加的一个div层，添加这个层的作用就是方便我们在javascript代码中方便拿到check框是否选中的这个状态。-->
<td>
<div id="checkid">
<input id="$field5795$" class="InputStyle" name="field5795" value="[可编辑]C1" type="text" />
</div>
</td>
</tr>
<!--这部分代码为我们需要显示隐藏字段的添加方法，和我们添加check框一样需要添加一个div层来控制我们字段的显示隐藏，将我们的字段存放在div层上，在这里要注意一点，我们这个层需要给到一个默认的属性 style="display: none" 让我们的层在初始化状态现为隐藏的。-->
<tr>
<td colspan="2">
<div style="display: none" id="divID"><input id="$field5797$" class="InputStyle" name="field5797" value="[可编辑]Z1" type="text" /></div>
</td>
</tr>
</tbody>
</table>

JS代码部分

<script language="javascript" type="text/javascript" >
//要控制我们的层显示隐藏，我们的代码需要有两个部分，页面初始化状态，判断check框是否选中，如果为选中状态，就让我们隐藏的那部分代码显示出来，
jQuery(document).ready(function(){

 var checkdivid=jQuery("#checkid").children().attr("checked"); //根据存放check框的div层的id拿取我们check框当前的状态。

 if (checkdivid==true)  //条件判断  check框的值是否为true（也就是是否为选中状态）
{
var divID=jQuery("#divID"); //获取我们存放需要显示隐藏的字段的div层
if (divID!=null){
divID.attr("style","display:block"); //改变存放显示隐藏字段的div层的属性。（ 如果check框的值为true，则显示隐藏字段的div层属性改变为显示）
}
}
});

<!--此段代码为在页面初始化状态下,当我们选中check框的时候，让需要隐藏的字段隐藏。（单击选中事件）-->

jQuery(document).ready(function(){

    jQuery("#field5795").bind("click",function(){
var check1value = document.getElementById("field5795").checked;//获取check框的值
if(check1value==true){ //判断check框的值是否为true
var divID=jQuery("#divID");获取我们存放需要显示隐藏的字段的div层
if (divID!=null){
divID.attr("style","display:block");//改变存放显示隐藏字段的div层的属性。（ 如果check框的值为true，则显示隐藏字段的div层属性改变为显示）
}
}
else
{
var divID=jQuery("#divID");
if (divID!=null){
divID.attr("style","display:none");
}
}
});
});

</script>

完整代码：

<table border="1" width="627" height="170">
<tbody>
<tr>
<td height="36">c1</td>
<td>&nbsp;
<div id="checkid"><input id="$field5795$" class="InputStyle" name="field5795" value="[可编辑]C1" type="text" /></div>
</td>
</tr>
<tr>
<td colspan="2">
<div style="display: none" id="divID"><input id="$field5797$" class="InputStyle" name="field5797" value="[可编辑]Z1" type="text" /></div>
</td>
</tr>
</tbody>
</table>

<script language="javascript" type="text/javascript" >
jQuery(document).ready(function(){

 var checkdivid=jQuery("#checkid").children().attr("checked");
if (checkdivid==true)
{
var divID=jQuery("#divID");
if (divID!=null){
divID.attr("style","display:block");
}
}
});

jQuery(document).ready(function(){
jQuery("#field5795").bind("click",function(){
var check1value = document.getElementById("field5795").checked;
if(check1value==true){
var divID=jQuery("#divID");
if (divID!=null){
divID.attr("style","display:block");
}
}else{
var divID=jQuery("#divID");
if (divID!=null){
divID.attr("style","display:none");
}
}
});
});

</script>

根据选择框控制字段的显示隐藏···代码和用check框控制的一样，只是几个参数需修改

<table border="1" width="622" height="189">
<tbody>
<tr>
<td height="44">选择框</td>
<td height="44" colspan="3">
系统选择框字段存放在<div>层上（和用check框控制一样）
<div id="wbxz"><input id="$field5811$" class="InputStyle" name="field5811" value="[可编辑]选择框" type="text" /></div>
</td>
</tr>
<tr>
<td width="102">文本一</td>
<td width="194">
需要显示隐藏的字段存放在div层上，默认属性为隐藏style="display: none"
<div style="display: none" id="wby"><input id="$field5812$" class="InputStyle" name="field5812" value="[可编辑]文本1" type="text" /></div>
</td>
<td width="41">文本二</td>
<td width="257">
需要显示隐藏的字段存放在div层上，默认属性为隐藏style="display: none"
<div style="display: none" id="wbr"><input id="$field5813$" class="InputStyle" name="field5813" value="[可编辑]文本2" type="text" /></div>
</td>
</tr>
</tbody>
</table>

<script language="javascript" type="text/javascript" >

//已办事宜中查看时加载
jQuery(document).ready(function(){
var wbxz=jQuery("#wbxz").children().attr("value"); // 通过div层获取选择框的值
var divID1=jQuery("#wby"); //获取需要隐藏字段的id
var divID2=jQuery("#wbr");
if(wbxz==""){//判断选择框是否为空，若是选择框都为空，两个字段都隐藏
divID1.attr("style","display:none");
divID2.attr("style","display:none");
}else if(wbxz==0){ //判断选择框值是否为0，若是选择框值为0，字段1显示  字段2隐藏
divID1.attr("style","display:block");
divID2.attr("style","display:none");
}else  if(wbxz==1){ //判断选择框值是否为1，若是选择框值为1，字段2显示  字段1隐藏
divID2.attr("style","display:block");
divID1.attr("style","display:none");
}else{    //返回初始状态，两个字段同时隐藏
divID1.attr("style","display:none");
divID2.attr("style","display:none");
}
});

//选择框选择时页面加载，（单击选中事件）
<script language="javascript" type="text/javascript" >

jQuery(document).ready(function(){
jQuery("#field5811").bind("click",function(){
var check1value2 = document.getElementById("field5811");//获取选择框的值
var check1value = check1value2 .options[check1value2 .selectedIndex].text //将check1value2取得的值以文本内容显示
var divID1=jQuery("#wby"); //获取 隐藏字段div层的id
var divID2=jQuery("#wbr");
if(check1value==""){ //判断选择框的值是否为空，•••••••
divID1.attr("style","display:none");
divID2.attr("style","display:none");
}else if(check1value=="0"){ //选择框字段为0，••••••••••••
divID1.attr("style","display:block");
divID2.attr("style","display:none");
}else if(check1value=="1"){ //选择框字段为1•••••••••••
divID2.attr("style","display:block");
divID1.attr("style","display:none");
}else{
divID1.attr("style","display:none");
divID2.attr("style","display:none");
}
});
});

</script>

注意在html表单中选择框的值一定要存放在div层上，在当我们在已办事宜中查看的时候html页面不会直接刷新的我们字段，需要经过刷新加载div层来拿到我们选择框字段的值

泛微OA系统利用Check框控制字段显示隐藏相关推荐

雨润oa系统服务器 e-mobile,泛微OA系统e-mobile让办公更安全
<泛微OA系统e-mobile让办公更安全>由会员分享,可在线阅读,更多相关<泛微OA系统e-mobile让办公更安全(2页珍藏版)>请在人人文库网上搜索. 1.移动办公专家. ...
泛微消息服务器,第三方系统向泛微OA系统推送消息
向泛微OA系统推送消息以下操作案例中关于第三方系统向泛微OA系统的移动端和电脑端版本推送消息说明: • 移动端使用的是泛微系统登录账号(工号)来最终实现消息的推送 • 电脑端使用的是泛微系统用户 ...
卡片的sak为不支持的类型_泛微OA系统为大型制造业打造内外一体的移动报修平台...
泛微OA系统结合大型制造业的实际需求,部署了内外一体的移动报修平台,提供一套完整的内部自修以及外包维修提供一体化管理解决方案- 对于大型制造企业来说,设备是公司资产的重要组成部分,保证设备的安全稳定运 ...
泛微OA系统后台连接数据库的文件
泛微OA系统连接oracle数据库的文件存放在: D:\eweaver\tomcat\webapps\ROOT\WEB-INF\classes目录下的eweaver.properties文件中,如下图 ...
泛微OA系统助力江南电缆打造“六合一”数字管理平台
近日,知名电线电缆品牌--无锡江南电缆有限公司携手泛微OA系统,通过打造协同管理平台,实现集团业务与信息的统一协同. ...
泛微OA系统多版本存在命令执行漏洞
0x01漏洞描述泛微OA办公系统是一款协调办公软件. 泛微协同商务软件系统存在命令执行漏洞,攻击者可利用该漏洞获取服务器权限. 0x02漏洞危害攻击者可以通过精心构造的请求包在受影响版本的泛微OA ...
泛微oa系统什么框架_泛微移动办公OA系统走进江苏国曜信息科技有限公司
近日,泛微凭借以"简单高效"为核心的协同OA办公系统与江苏国曜信息科技有限公司成功合作,泛微将助力企业信息化建设,促进其管理水平的迅速提升.江苏国曜信息科技有限公司成立于2018年 ...
国产软件CVE漏洞分析系列：泛微OA系统漏洞编号：SSV-91661
今天开始扒拉一下各种国产软件已经公布的漏洞,有些公司自己把漏洞保密起来,其实真是傻啦吧唧的,以为不让大家知道,漏洞就不存在吗!没办法,可能也是为了上市公司的股价吧.普通人对于漏洞的理解还是有点狼来了的 ...
泛微OA系统E-office11中小企业全能OA办公系统默认的初始密码是什么
1. 操作系统要求 1. Windows 7.Windows 10.Server 2008 R2或者更高版本 2. 如何访问e-office产品 1. 服务器本地可以通过浏览器访问 h ...

泛微OA系统利用Check框控制字段显示隐藏

泛微OA系统利用Check框控制字段显示隐藏相关推荐

最新文章

热门文章