jquery 使字段不可编辑，没有只读或禁用

Posted 2023-02-22

【中文标题】jquery 使字段不可编辑，没有只读或禁用

【英文标题】：jquery make field noneditable, without readonly or disbaled

【发布时间】：2013-09-20 08:21:08

【问题描述】：

我正在尝试使我的许多表单字段不可编辑。 我不能使用禁用，因为即使字段被禁用，我也必须将表单数据发送到服务器。 我尝试使用只读，但我使用的是 jquery datepicker 和选择框的数量，它允许用户更改数据。

【参考方案1】：

您仍然可以使用只读，但切换日期选择器功能。

请看这个例子：http://jsfiddle.net/r9KZP/1/

$(function()
$('#datepicker').datepicker()

$('#disable').click(function()
     if ($(this).is(':checked')) 
 $('#datepicker').attr('readonly',true)
   .datepicker("destroy");
 else 
 $('#datepicker').attr('readonly',false)
 .datepicker();  

);


);

和html：

<input type="text" id="datepicker">

<input type="checkbox" id="disable"> Disable

希望对你有所帮助。

最好的问候