禁用所有的表單元素，但一個

Question

我用下面的錶行內禁止所有形式的元素：

$(".chkbx").change(function(){ 
    var $this = $(this); 
    if ($this.is(":checked")) { 
     $this.closest("tr").find(":input").attr("disabled", false); 
    } else { 
     $this.closest("tr").find(":input").attr("disabled", true); 
    } 
}); 

它確實很大。問題 - 它禁用所有，包括.chkbx。我需要保持此類（chkbx）始終啓用的複選框。我如何從函數中排除它？

Answer 1

一個多行添加到您的現有代碼：

$(".chkbx").change(function(){ 
    var $this = $(this); 
    if ($this.is(":checked")) { 
     $this.closest("tr").find(":input").attr("disabled", false); 
    } else { 
     $this.closest("tr").find(":input").attr("disabled", true); 
    } 
    $this.attr("disabled",false); 
}); 

這不是最佳的或有效的，但它應該工作。

Answer 2

這個怎麼樣：

$(".chkbx").change(function(){ 
    var $this = $(this); 
    if ($this.is(":checked")) { 
     $this.closest("tr").find(":input").attr("disabled", false); 
    } else { 
     $this.closest("tr").find(":input:not(.chkbx)").attr("disabled", true); 
    } 
}); 

不知道這是否會工作！但試試吧！

Answer 3

我想用這樣的not功能會工作

$this.closest("tr").find(":input").not(".chkbx").attr("disabled", true); 

Answer 4

我建議像下面這樣：

$('.chkbx').change(
    function(){ 
     if ($(this).is(':checked')){ 
$(this).closest('tr').find('input,textarea,select').not($(this)).attr('disabled',true); 
     } 
     else { 
$(this).closest('tr').find('input,textarea,select').not($(this)).attr('disabled',false); 
     } 
    });