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

Question

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

Answer 1

您仍然可以使用只读，但切换 datepicker 功能。

请看这个例子：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

希望它会帮助你。

此致