как отключить поля таблицы и текстовые поля сразу с помощью jquery?

Question

Я отправляю следующий код, который используется для отключения текстовых полей таблицы. теперь как изменить его так, чтобы он также отключил текстовые поля для полей, скажем, id = name = usn.

jQuery(document).ready(function ($) { 
// Disabling Text Fields by default 
$("table input[type='text']").each(function() { 
    $(this).attr("disabled", "disabled"); 
}); 

$(".inputradio1 input[name=select1]").change(function() { 
    var val = $(this).val(); 
    if (val == "No") { 
     $("table input[type='text']").each(function() { 
      $(this).attr("disabled", "disabled"); 
     }); 
    } else if (val == "Yes") { 
     $("table input[type='text']").each(function() { 
      $(this).removeAttr("disabled"); 
     }); 
    } 
}); 
}); 

Answer 1

Используйте prop ('disabled', true) вместо этого. Было несколько изменений со времен версий jQuery 1.6/1.7, чтобы различать атрибуты и свойства. Кроме того, нет никакой необходимости для петель, вы можете просто применить его к целому набору соответствующих элементов:

$("table input[type='text']").prop('disabled', true); 

Используя следующий будет также сделать ваш селектор быстрее & короче следующим содержанием:

$("table :text").prop("disabled", true); 

Итак, в конце концов, у вас остались:

$("table :text").prop("disabled", true); 

$(".inputradio1 input[name=select1]").change(function() { 
    $("table :text").prop('disabled', $(this).val() === 'No'); 
}); 

Answer 2

Я не уверен, что я понимаю вопрос.

Используйте вместо этого prop().

Отключить, если id или name is usn.

// id's are suppose to be unique. no need for complex find 
$("#usn, table input[name='usn']").prop("disabled",true); 

EDIT:

jQuery(document).ready(function ($) { 
    // Disabling Text Fields by default 
    $("table input[type='text']").prop('disabled',true); 
    $("#usn, table input[name='usn']").prop("disabled",true); 

    $(".inputradio1 input[name=select1]").change(function() { 
     val disable = $(this).val() == "No"; 
     $("table input[type='text']").prop("disabled",disable); 
     $("#usn, table input[name='usn']").prop("disabled",disable); 
    }); 
}); 

Answer 3

да друзей я сделал это ...

$("table :text").prop("disabled", true); 

$(".inputradio1 input[name=select1]").change(function() { 
$("#usn, table input[name='usn']").prop('disabled', $(this).val() === 'No') && $("table :text").prop('disabled', $(this).val() === 'No'); 
});