泛微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: