如何在表格中添加行邊框

我得到了一個表格，每個表格中都有字段。如果字段是空的，我希望特定的行上有紅色邊框。如何在表格中添加行邊框

<table cellpadding="3" cellspacing="5" > 
<tr> 
<td class="cellformatting"><label>first name*</label></td> 
<td class="cellformatting"><input id="fname" type="text" class="required searchfields" /> 
</td> 
</tr> 
<tr> 
<td class="cellformatting"><label>last name*</label></td> 
<td class="cellformatting"><input id="lname" type="text" class="searchfields" /></td> 
</tr> 
</table>

我想要腳本，如果假設姓氏是空的，它應該添加一些css圍繞特定行的表中姓氏顯示。

來源

2012-03-15 Imran Jawaid

我還想睡，但可以行有一個邊界？我認爲只有'td's可以有邊界... **編輯**：nm，我想我很笨。繼續。 – 2012-03-15 11:21:36

@XyanEwing我很對多數民衆贊成在我想問什麼 – 2012-03-16 12:49:12

怎麼是這樣的：

$(function(){ 

    checkBorder(); 

    $("table tr input").change(function(){ 
     checkBorder(); 
    }); 

}); 
function checkBorder(){ 
$("table tr").each(function(){ 
    if ($(this).find("input").val() == ""){ 
     $(this).attr("class", "border"); 
    } 
}); 
}

http://jsfiddle.net/kh6q8/

這裏是一個沒有「正常化CSS」工作的版本，但cell-spacing已被刪除：

http://jsfiddle.net/kh6q8/2/

來源

2012-03-15 11:20:55 Curt

如果您刪除「規範化的CSS」在jsfiddle你的代碼什麼都不做。 – core1024 2012-03-15 11:26:43

@ core1024我已經包含一個非標準化的css版本 – Curt 2012-03-15 12:12:30

你可以做

function check_empty(){ 
    $("td input").each(function(){ 
     if(this.value === ''){ 
     $(this).closest('tr').css('border', '1px solid red'); 
     } 
    }); 
}

編輯 - 我糾正它投入工作

來源

2012-03-15 11:18:06

如何在表格中添加行邊框

回答

相關問題