基礎問題:設置radio、select、checkbox 的readonly 屬性


編輯記錄的時候,有時候需要禁止用戶修改某些項目,常用的方法有以下兩種:

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 表單的名稱


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM