码迷,mamicode.com
首页 > 其他好文 > 详细

基础问题:设置radio、select、checkbox 的readonly 属性

时间:2016-03-15 13:27:36      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:

编辑记录的时候,有时候需要禁止用户修改某些项目,常用的方法有以下两种:

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 表单的名称

基础问题:设置radio、select、checkbox 的readonly 属性

标签:

原文地址:http://www.cnblogs.com/kclteam/p/5278986.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!