消息关闭
    暂无新消息!
情况是这样,HTML表格的这列名称是STATUS,取值有HOT和COLD两种,现在希望:
1)STATUS值是COLD时,这列表格内出现两个勾选框,内容分别是STORE和RESET
2)STATUS值是HOT时候,就显示HOT

该如何实现,多谢!

4个回答

︿ 3
点击按钮,就可以将我的测试数据添加进去,
	<table border="1px solid black">
<tr>
<th>第一列</td>
<th>第二列</td>
<th>第三列</td>
<th>第四列</td>
<th>STATUS</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td class="status">

</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td class="ststus">

</td>
</tr>
</table>
<input type="button" value="点击添加数据" class="but1" onclick="ma()">
<style>
table{
border-collapse: collapse;
width:1000px;
height:300px;
text-align:center;
}
</style>
<script>
//message存储假数据
var message=[{"name":"zhangsan","address":"beijing","tel":"110","old":25,"STATUS":"COLD"},{"name":"lisi","address":"shanghai","tel":"120","old":25,"STATUS":"HOT"}];
function ma(){
//clear();
var messLength=message.length;
var htmlCode="<tr><th>第一列</td><th>第二列</td><th>第三列</td><th>第四列</td><th>STATUS</td></tr>";
for(var i=0;i<messLength;i++){
var item=message[i];
htmlCode+="<tr>"
htmlCode+="<td>"+item.name+"</td>";
htmlCode+="<td>"+item.address+"</td>";
htmlCode+="<td>"+item.tel+"</td>";
htmlCode+="<td>"+item.old+"</td>";
if("COLD"==item.STATUS){
htmlCode+='<td class="status"><input type="checkbox" name="STATUS" class="STORE">STORE<br><input type="checkbox" name="STATUS" class="RESET">RESET</td>';
}else{
htmlCode+='<td class="ststus"><p class="HOT">HOT</p></td>';
}
htmlCode+="</tr>";
}
document.getElementsByTagName("table")[0].innerHTML=htmlCode;
}
</script>
︿ 1
非常感谢!

要是htmlCode只包含STATUS那一列内容,按照下面写法不知道是否可以? O(∩_∩)O~


... ...
<td><input type="button" value="点击添加数据" class="but1" onclick="ma()"></td>
... ...
<script>
function ma()
{
if("COLD"==item.STATUS){
            htmlCode+='<td class="status"><input type="checkbox" name="STATUS" class="STORE">STORE<br><input type="checkbox" name="STATUS" class="RESET">RESET</td>';
        }else{
            htmlCode+='<td class="ststus"><p class="HOT">HOT</p></td>';
        }
}
</script>
︿ 1
再有,这里

document.getElementsByTagName("table")[0].innerHTML=htmlCode;

document.getElementsByTagName("table")[0],这个0代表什么含义?表table的第一行吗

多谢!
︿ 0
status列单元格中有三个元素,分别为你要的store,reset,hot,当值为cold时,hot隐藏;当值为hot时,store和reset隐藏