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

【问题标题】：jquery make field noneditable, without readonly or disbaledjquery 使字段不可编辑，没有只读或禁用
【发布时间】：2013-09-20 08:21:08
【问题描述】：

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

【问题讨论】：

标签： javascript jquery jquery-ui javascript-framework

【解决方案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

希望对你有所帮助。

最好的问候

【讨论】：