禁用JQuery禁用HTML表格元素禁用<TR>

我正在用JQuery創建動態HTML表格。示例代碼如下。禁用JQuery禁用HTML表格元素禁用<TR>

var tbody=$("#myTable tbody"); 

var tableRow; 

if(somevariableIsTrue) 
    tableRow=$("<tr>").attr("disabled",true); 
else 
    tableRow=$("<tr>"); 

var td=$("<td>"); 
    td.appendTo(tableRow); 

var tdn=#("<td>"); 
tdn.appendTo(tableRow); 

tableRow.appendTo(tbody);

現在我創建不同的TD並追加到tableRow。如果該行的禁用屬性爲TRUE，那麼該行的所有TD也將被禁用。但我希望我的第一個禁用行的TD不應該被禁用，因爲它的點擊複選框列我想要啓用/禁用同一行。我嘗試了不同的方法來獲得第一列中的複選框，並試圖啓用它，但都失敗了。有人建議我如何做到這一點在JQuery中

編輯希望這個屏幕截圖有助於理解我的要求 enter image description here

所看到的圖像的第一行中被禁止，包括使用複選框首款TD。我希望複選框列始終處於啓用狀態，以便在檢查該行時變爲啓用並取消選中將該行再次禁用。

來源

2014-09-11 V.B

工作的'tr'元素沒有一個'disabled'屬性。如果你想在'tr'中禁用輸入，你需要單獨添加屬性給它們。 – 2014-09-11 08:41:31

它與tr一起工作，並根據需要禁用該tr中的所有其他元素。我不想迭代每個td來啓用禁用元素，所以我選擇了這種方法。 – 2014-09-11 08:43:59

你還應該考慮一個輕量級模板引擎。 – Blowsie 2014-09-11 08:44:59

你可以只調用

$('input[type=checkbox]').removeAttr('disabled');

或

$('input[type=checkbox]').prop('disabled', false);

在所有的複選框

。這將從根本上重新啓用所有的複選框

來源

2014-09-15 19:38:42 Rich

這裏有一個簡單的解決方案：

// first row checkboxes 
$('tr td:first-child input[type="checkbox"]').click(function() { 
    //enable/disable all except checkboxes, based on the row is checked or not 
    $(this).closest('tr').find(":input:not(:first)").attr('disabled', !this.checked); 
});

看本JSFiddle

來源

2016-05-11 01:38:04 DDan

禁用JQuery禁用HTML表格元素禁用<TR>

回答

相關問題