jQuery if readonly = true 只清除表单的一部分

Question

我有 2 个 jQuery sn-ps 第一个是只读切换，第二个是提交表单。

只读切换：

$('#lock').toggle( function () {
    $('#handle').attr('readonly', true).addClass('disabled');
return false;
 } , function() {
  $('#handle').attr('readonly', false).removeClass('disabled');
return false;
});

提交表单：

$('button').click(function() {
var handle     = $('#handle').val();
var msg        = $('#msg').val();
var dataString = 'handle='+ handle + '&msg=' + msg;

if(handle=='' || msg=='') {
$('.error').fadeOut(200).show();
} else {

$.ajax({
  type    : 'POST',
  url     : 'form.php',
  data    : dataString,
  success : function(){
$('#foo').load('page.php');
}}
 });
}
 return false;
});

我想要实现的是

如果 readonly = true 不要重置“句柄”值

否则两者都重置，所以我需要获取第一个 sn-p 的状态（只读切换）并允许第二个（表单）区分其真假。

我试过这个成功了：但是没有用。

if($('#handle').attr('readonly', true)){
    $('#msg').val('');
    }else{
    $('#handle, #msg').val('');

Answer 1

试试这个代码：

if ($('#handle').is('[readonly]')) {
    $('#msg').val('');
}
else {
    $('#handle, #msg').val('');
}

也可以使用

​$('#handle').prop('readonly', true)

而不是

$('#handle').attr('readonly', true)