Javascript 如何使用列和行值高亮显示/着色表td? 在我的MVC项目中,我有以下屏幕截图。 ![在此处输入图像描述][1] 输出将如下。。 ![在此处输入图像描述][2] ![在此处输入图像描述][1] 制造商 格利 莱瑟姆 环路定位 梅林 两千万 @*$@Model
如何使用列和行值高亮显示/着色表td?Javascript 如何使用列和行值高亮显示/着色表td? 在我的MVC项目中,我有以下屏幕截图。 ![在此处输入图像描述][1] 输出将如下。。 ![在此处输入图像描述][2] ![在此处输入图像描述][1] 制造商 格利 莱瑟姆 环路定位 梅林 两千万 @*$@Model,javascript,html,css,asp.net-mvc,asp.net-mvc-3,Javascript,Html,Css,Asp.net Mvc,Asp.net Mvc 3,如何使用列和行值高亮显示/着色表td? 在我的MVC项目中,我有以下屏幕截图。 ![在此处输入图像描述][1] 输出将如下。。 ![在此处输入图像描述][2] ![在此处输入图像描述][1] 制造商 格利 莱瑟姆 环路定位 梅林 两千万 @*$@Model.Tot_2000 mil_GLI.ToString(“0.00”)*@ $@Model.Tot_2000 mil_GLI.ToString(“0.00”) @*$@Model.Tot_2000 mil_Lat.ToString(“0.00”)
在我的MVC项目中,我有以下屏幕截图。
![在此处输入图像描述][1]
输出将如下。。
![在此处输入图像描述][2]
![在此处输入图像描述][1]
制造商
格利
莱瑟姆
环路定位
梅林
两千万
@*$@Model.Tot_2000 mil_GLI.ToString(“0.00”)*@
$@Model.Tot_2000 mil_GLI.ToString(“0.00”)
@*$@Model.Tot_2000 mil_Lat.ToString(“0.00”)*@
$@Model.Tot_2000 mil_Lat.ToString(“0.00”)
@*$@Model.Tot_20mil_Loop.ToString(“0.00”)*@
$@Model.Tot_20mil_Loop.ToString(“0.00”)
@*$@Model.Tot\u 2000 mil\u Mer.ToString(“0.00”)*@
$@Model.Tot\u 2000 mil\u Mer.ToString(“0.00”)
27/28百万
@*$@Model.Tot\u 27或28mil\u GLI.ToString(“0.00”)*@
$@Model.Tot\u 27或28mil\u GLI.ToString(“0.00”)
@*$@Model.Tot\u 27或28mil\u Lat.ToString(“0.00”)*@
$@Model.Tot\u 27或28mil\u Lat.ToString(“0.00”)
@*$@Model.Tot\u 27或28mil\u Loop.ToString(“0.00”)*@
$@Model.Tot\u 27或28mil\u Loop.ToString(“0.00”)
@*$@Model.Tot_2000 mil_Lat.ToString(“0.00”)*@
$@Model.Tot_2000 mil_Lat.ToString(“0.00”)
全部2700万或2800万
@*$@Model.Tot\u 27或28mil\u GLI.ToString(“0.00”)*@
$@Model.Tot_all 2728 mil_GLI.ToString(“0.00”)
@*$@Model.Tot_all 2728 mil_Lat.ToString(“0.00”)*@
$@Model.Tot_all 2728 mil_Lat.ToString(“0.00”)
@*$@Model.Tot_all 2728 mil_Loop.ToString(“0.00”)*@
$@Model.Tot_all 2728 mil_Loop.ToString(“0.00”)
@*$@Model.Tot\u全部2728百万元ToString(“0.00”)*@
$@Model.Tot\u全部2728百万元ToString(“0.00”)
选择制造商
@if(Model.ChManufacturer.Count()>0)
{
@*@Html.DropDownList(“制造商”,Model.ChManufacturer,new{id=“制造商”})*@
@foreach(Model.ChManufacturer中的var项)
{
如果(item.Text==“选择…”)
{
}
其他的
{
@项目.案文
@*@RadioButton(“ListTypes”,item.Text,new{@class=“radbtn”})*@
@*
@项目.案文
*@
}
}
}
选材
@if(Model.ChMaterial.Count()>0)
{
@foreach(Model.ChMaterial中的var项)
{
如果(item.Text==“选择…”)
{
}
其他的
{
@项目.案文
}
}
@*@for(int i=0;iIn my MVC project, i have the following screen shot.
![enter image description here][1]
Output will be like this..
![enter image description here][2]
![enter image description here][1]
<table id="dealer" border="1" width="150%" height="20%" class="TabAlign">
<tr style="background-color: #808080; color: #fff; font-size: 14px;height: 30px;">
<th class="center_Align">Manufacturer</th>
<th class="center_Align">GLI</th>
<th class="center_Align">Latham</th>
<th class="center_Align">Loop-Loc</th>
<th class="center_Align">Merlin</th>
</tr>
<tr style="height: 30px;">
<td>
<label for="20mil"> 20 MIL</label>
<input style="display: none;" type="text" name="20mil" value="20 Mil" id="20mil" />
</td>
<td class="right_Align">
@*<label for="20milgli">$@Model.Tot_20mil_GLI.ToString("0.00")</label>*@
<div id="20milgli">$@Model.Tot_20mil_GLI.ToString("0.00") </div>
<input style=" display:none;" type="text" name="20milgli" value="$@Model.Tot_20mil_GLI.ToString("0.00")" id="20milgli" />
</td>
<td class="right_Align">
@*<label for="20milLat">$@Model.Tot_20mil_Lat.ToString("0.00")</label>*@
<div id="20milLat">$@Model.Tot_20mil_Lat.ToString("0.00") </div>
<input style=" display:none;" type="text" name="20milLat" value="$@Model.Tot_20mil_Lat.ToString("0.00")" id="20milLat" />
</td>
<td class="right_Align">
@*<label for="20milLoop">$@Model.Tot_20mil_Loop.ToString("0.00")</label>*@
<div id="20milLoop">$@Model.Tot_20mil_Loop.ToString("0.00") </div>
<input style=" display:none;" type="text" name="20milLoop" value="$@Model.Tot_20mil_Loop.ToString("0.00")" id="20milLoop" />
</td>
<td class="right_Align">
@*<label for="20milMer">$@Model.Tot_20mil_Mer.ToString("0.00")</label>*@
<div id="20milMer">$@Model.Tot_20mil_Mer.ToString("0.00") </div>
<input style=" display:none;" type="text" name="20milMer" value="$@Model.Tot_20mil_Mer.ToString("0.00")" id="20milMer" />
</td>
</tr>
<tr style="height: 30px;">
<td>
<label for="2728MIL"> 27/28 MIL</label>
<input style="display: none;" type="text" name="2728MIL" value="2728MIL" id="2728MIL" />
</td>
<td class="right_Align">
@*<label for="2728MILgli">$@Model.Tot_27or28mil_GLI.ToString("0.00")</label>*@
<div id="2728MILgli">$@Model.Tot_27or28mil_GLI.ToString("0.00") </div>
<input style=" display:none;" type="text" name="2728MILgli" value="$@Model.Tot_27or28mil_GLI.ToString("0.00")" id="2728MILgli" />
</td>
<td class="right_Align">
@*<label for="2728MILLat">$@Model.Tot_27or28mil_Lat.ToString("0.00")</label>*@
<div id="2728MILLat">$@Model.Tot_27or28mil_Lat.ToString("0.00") </div>
<input style=" display:none;" type="text" name="2728MILLat" value="$@Model.Tot_27or28mil_Lat.ToString("0.00")" id="2728MILLat" />
</td>
<td class="right_Align">
@*<label for="2728MILLoop">$@Model.Tot_27or28mil_Loop.ToString("0.00")</label>*@
<div id="2728MILLoop">$@Model.Tot_27or28mil_Loop.ToString("0.00") </div>
<input style=" display:none;" type="text" name="2728MILLoop" value="$@Model.Tot_27or28mil_Loop.ToString("0.00")" />
</td>
<td class="right_Align">
@*<label for="2728MILMer">$@Model.Tot_20mil_Lat.ToString("0.00")</label>*@
<div id="2728MILMer">$@Model.Tot_20mil_Lat.ToString("0.00") </div>
<input style=" display:none;" type="text" name="2728MILMer" value="$@Model.Tot_20mil_Lat.ToString("0.00")" id="2728MILMer" />
</td>
</tr>
<tr style="height: 30px;">
<td>
<label for="All27or28MIL"> ALL 27 or 28 MIL</label>
<input style="display: none;" type="text" name="All27or28MIL" value="All27or28MIL" id="All27or28MIL" />
</td>
<td class="right_Align">
@*<label for="All2728mil">$@Model.Tot_27or28mil_GLI.ToString("0.00")</label>*@
<div id="All2728mil">$@Model.Tot_All2728mil_GLI.ToString("0.00") </div>
<input style=" display:none;" type="text" name="All2728mil" value="$@Model.Tot_All2728mil_GLI.ToString("0.00")" id="All2728mil" />
</td>
<td class="right_Align">
@*<label for="All2728MILLat">$@Model.Tot_All2728mil_Lat.ToString("0.00")</label>*@
<div id="All2728MILLat">$@Model.Tot_All2728mil_Lat.ToString("0.00") </div>
<input style=" display:none;" type="text" name="All2728MILLat" value="$@Model.Tot_All2728mil_Lat.ToString("0.00")" id="All2728MILLat" />
</td>
<td class="right_Align">
@*<label for="All2728MILLoop">$@Model.Tot_All2728mil_Loop.ToString("0.00")</label>*@
<div id="All2728MILLoop">$@Model.Tot_All2728mil_Loop.ToString("0.00") </div>
<input style=" display:none;" type="text" name="All2728MILLoop" value="$@Model.Tot_All2728mil_Loop.ToString("0.00")" id="All2728MILLoop" />
</td>
<td class="right_Align">
@*<label for="All2728MILMer">$@Model.Tot_All2728mil_Mer.ToString("0.00")</label>*@
<div id="All2728MILMer">$@Model.Tot_All2728mil_Mer.ToString("0.00") </div>
<input style=" display:none;" type="text" name="All2728MILMer" value="$@Model.Tot_All2728mil_Mer.ToString("0.00")" id="All2728MILMer" />
</td>
</tr>
</table>
<br />
<b>Choose Manufacturer</b>
@if (Model.ChManufacturer.Count() > 0)
{
<table id="tblRadios">
<tr>
@* <td>@Html.DropDownList("manufacturer", Model.ChManufacturer, new { id = "manufacturer" })</td>*@
@foreach (var item in Model.ChManufacturer)
{
if (item.Text == "Select ...")
{
}
else
{
<td align="left">
<td>
<input id="manufacturer:@item.Text" type="radio" name="Manu_rbgrp" value="@item.Text" onclick="GetPatternDetails(this.value);"> @item.Text </td>
@*<td>@Html.RadioButton("ListTypes", item.Text, new { @class = "radbtn" })</td>*@
@* <td>
<div class="listtext">@item.Text</div>
</td>*@
</td>
}
}
</tr>
</table>
}
<b>Choose Material</b>
@if (Model.ChMaterial.Count() > 0)
{
<table>
<tr>
<td></td>
</tr>
<tr>
@foreach (var item in Model.ChMaterial)
{
if (item.Text == "Select ...")
{
}
else
{
<td align="left">
<td>
<input id="material:@item.Text" type="radio" name="Mat_rbgrp" value="@item.Text" onclick="GetMaterialName(this.value);"> @item.Text </td>
</td>
}
}
@* @for (int i = 0; i < Model.ChMaterial.Count(); i++)
{
if (@Model.ChMaterial[i].Text == "Select ...")
{
}
else
{
<td> <input id="rads2:@Model.ChMaterial[i].Text" type="radio" name="Mat_rbgrp" value="@Model.ChManufacturer[i].Text"> @Model.ChMaterial[i].Text
</td>
}
}*@
@*<td>@Html.DropDownList("material", Model.ChMaterial, new { id = "material" })</td>*@
</tr>
</table>
}
$("#tablica tbody tr").each(function() {
$(this).children('td:first').click(function() {
$(this).closest('table').find('td').css({
'background-color':''
});
$(this).closest('tr').find("td:nth-child(3)").css({
'background-color':'red'
});
});
});
findtdByIndex(row,column)