如何使用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是usn。

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

編輯：

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'); 
});