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

最新推荐文章于 2024-04-23 14:02:43 发布

转载最新推荐文章于 2024-04-23 14:02:43 发布 · 1.8k 阅读

文章标签：

#input #jquery #function #脚本

学习笔记专栏收录该内容

13 篇文章

订阅专栏

本文详细介绍了在网页表单中如何通过readonly和disabled属性限制用户编辑某些字段，以及利用jQuery动态控制这些属性状态的方法。通过实例演示了如何在加载页面时启用禁用状态，以及提交表单时解除禁用状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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