您的位置:首页 > 其它

让radio、select、checkbox 具有类似readonly 属性效果

2017-05-03 13:03 597 查看
编辑记录的时候,有时候需要禁止用户修改某些项目,常用的方法有以下两种:

1》设置表单的readonly属性

问题:但是readonly属性对radio、select、checkbox这三个表单不起什么作用

2》设置表单的disabled属性

问题:设置了disabled属性后,后台读取不到数据 

办法:

1、设置disabled属性,并把表单值存入hidden隐藏域中

2、使用用jquery控制(加载页面的时候设置表单属性disabled=true,提交表单的时候设置表单属性disabled=false)

代码:

引用jquery文件

<script type="text/javascript" src="../../js/jquery-1.3.2.js"></script> 

用脚本控制disabled属性

<script type="text/javascript"> 

//加载时设置disabled生效

      $(document).ready(function(){ 

        $("input[name=category]").attr("disabled",true); 

        $("select[name=sonota_kbn]").attr("disabled",true); 

      }); 

//提交时设置disabled失效

      $("input[name=modify]").click(function(){ 

         $("input[name=category]").attr("disabled",false); 

         $("select[name=sonota_kbn]").attr("disabled",false); 

      });      

     </script> 

注意这个:input[name=category] 

input 是表单类型(比如select是下拉框)

name=category 表单的名称
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐