sadfoo2019 发表于 2021-3-9 16:19

用JS脚本解决OA表单输入限制问题?(求进)

本帖最后由 sadfoo2019 于 2021-3-15 02:38 编辑

实现需求:前面我勾选“是”,后面的几个框就灰色不给勾选。【前面是一个单选框控件,后面是三个复选框控件,下面这个截图就是一个表格,源码是html】




                              控件名字:




附上html源码:
<tr height="66">
            <td width="141" height="66" align="center" valign="middle" style="text-align: center; color: rgb(0, 0, 0); font-size: 15px; font-style: normal; font-weight: 400; vertical-align: top; border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;" x:str="">
                <p>
                  <span style="font-family: 宋体,SimSun;"> </span>
                </p>
                <p>
                  <span style="font-family: 宋体,SimSun;"> </span>
                </p>
                <p>
                  <span style="font-family: 宋体,SimSun;">是否单一来源</span>
                </p>
            </td>
            <td width="150" height="66" align="center" valign="middle" style="border: 1px solid rgb(0, 0, 0); text-align: center; color: rgb(0, 0, 0); font-size: 15px; font-style: normal; font-weight: 400; vertical-align: top; white-space: normal;">
                <p>

                </p>
                <p>

                </p>
                <p>
                  <img name="DATA_60" title="是否单一来源" class="RADIO" src="/static/images/form/radio.png" radio_field="是`否`请选择`" radio_check="请选择" classname="RADIO"/>
                </p>
                <p>
                  <span style="font-family: 宋体,SimSun;"> </span>
                </p>
            </td>
            <td width="133" height="66" align="center" valign="middle" style="border: 1px solid rgb(0, 0, 0); text-align: center; color: rgb(0, 0, 0); font-size: 15px; font-style: normal; font-weight: 400; vertical-align: top;" x:str="">
                <p>
                  <span style="font-family: 宋体,SimSun;"> </span>
                </p>
                <p>
                  <span style="font-family: 宋体,SimSun;"> </span>
                </p>
                <p>
                  <span style="font-family: 宋体,SimSun;">评标方法</span>
                </p>
            </td>
            <td width="184" height="66" align="center" valign="middle" style="border: 1px solid rgb(0, 0, 0); text-align: center; color: rgb(0, 0, 0); font-size: 15px; font-style: normal; font-weight: 400; vertical-align: top;" colspan="3">
                <p style="text-align: left;">
                  <input name="DATA_43" title="综合评分法" type="checkbox"/><span style="font-family: 宋体,SimSun;">综合评分法</span>
                </p>
                <p style="text-align: left;">
                  <input name="DATA_45" title="低价中标法(满足参数,低价中标)" type="checkbox"/><span style="font-family: 宋体,SimSun;">低价中标法(满足参数,低价中标)</span>
                </p>
                <p style="text-align: left;">
                  <span style="font-family: 宋体,SimSun;"><input name="DATA_63" title="单一来源谈判" type="checkbox"/>单一来源谈判</span>
                </p>
                <p>
                  <span style="font-family: 宋体,SimSun;"> </span>
                </p>
            </td>
      </tr>


简单描述:我这个是通达OA里面的表单,想写个脚本来控制表单输入,下面列举个我自己写的js脚本样例:(控制新建自动取名字的)




求各路大神支招!!!急急急急急急急急急急急急急急急急急!!!!!!!!!!!!

WolfAvenue 发表于 2021-3-9 16:50

不会OA表单,可能是这样
jQuery(document).ready(function(){


    jQuery("input:radio").click(function(){

      
      var radVal= jQuery("input:radio").val()
   
      if(radVal=="是")
      {
            jQuery("input:checkbox").attr("disabled","true");
            jQuery("input:checkbox").attr("disabled","true");
            jQuery("input:checkbox").attr("disabled","true");
   
      }else{
            jQuery("input:checkbox").attr("disabled","false");
            jQuery("input:checkbox").attr("disabled","false");
            jQuery("input:checkbox").attr("disabled","false");
      }
   
   
    })

})


sadfoo2019 发表于 2021-3-9 16:55

WolfAvenue 发表于 2021-3-9 16:50
不会OA表单,可能是这样
jQuery(document).ready(function(){




能限制只点是就灰色吗?

SpeII 发表于 2021-3-9 17:02

大概是这样吧,我也不是很会了var val=$('input:radio:checked').val();
if (val === '是'){
      $('input:checkboxDATA_43').attr("disabled",'disabled');
      $('input:checkboxDATA_45').attr("disabled",'disabled');
      $('input:checkboxDATA_63').attr("disabled",'disabled');
}

WolfAvenue 发表于 2021-3-9 17:04

sadfoo2019 发表于 2021-3-9 16:55
能限制只点是就灰色吗?

有效果吗?点击后,都是灰色???

sadfoo2019 发表于 2021-3-9 17:06

WolfAvenue 发表于 2021-3-9 17:04
有效果吗?点击后,都是灰色???

对 点了都灰色

WolfAvenue 发表于 2021-3-9 17:08

sadfoo2019 发表于 2021-3-9 17:06
对 点了都灰色

改成这个试试
var radVal= jQuery("input:radio:checked").val()

sadfoo2019 发表于 2021-3-9 17:10

SpeII 发表于 2021-3-9 17:02
大概是这样吧,我也不是很会了var val=$('input:radio:chec ...

越来越接近真相了,点选择不灰色了,点是和否还是灰色

sadfoo2019 发表于 2021-3-9 17:19

WolfAvenue 发表于 2021-3-9 17:08
改成这个试试
var radVal= jQuery("input:radio:checked").val()

改了还是没得效果

WolfAvenue 发表于 2021-3-9 17:26

sadfoo2019 发表于 2021-3-9 17:19
改了还是没得效果

运行后 查看元素,看看单选框html代码是啥
页: [1] 2
查看完整版本: 用JS脚本解决OA表单输入限制问题?(求进)