61,112
社区成员
发帖
与我相关
我的任务
分享求助高手帮忙解决一个html问题
<html xmlns ="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
<!--
function sort(){
var tr0 = document.getElementById('tr0');
var tableNode = tr0.parentNode;
tableNode.appendChild(tableNode.rows[2]);
tableNode.appendChild(tableNode.rows[1]);
}
// -->
</script>
</head>
<body>
<table id="id_table">
<tr id="tr0">
<th style="border:1px solid #000000;">checkbox</th>
<th style="border:1px solid #000000;" onclick="return sort();">title</th>
</tr>
<tr id="tr1">
<td style="border:1px solid #000000;"><input type="checkbox" /></td>
<td style="border:1px solid #000000;">1</td>
</tr>
<tr id="tr2">
<td style="border:1px solid #000000;"><input type="checkbox" /></td>
<td style="border:1px solid #000000;">2</td>
</tr>
</table>
</body>
</html>
这是代码，我先选中复选框（也就是显示一个对号），点击title时，排序。排序后在ie6浏览器下，复选框的对号就不再显示了。而ie7,firefox都能显示。我估计是排序的问题，请大家帮我解决，怎么能在ie6下排序后还能显示。谢谢了！！！
<head>
<script type="text/javascript">
<!--
function sort(){
var tr0 = document.getElementById('tr0');
var tableNode = tr0.parentNode;
tableNode.appendChild(tableNode.rows[2]);
tableNode.appendChild(tableNode.rows[1]);
}
// -->
</script>
</head>
<body>
<table id="id_table">
<tr id="tr0">
<th style="border:1px solid #000000;">checkbox</th>
<th style="border:1px solid #000000;" onclick="return sort();">title</th>
</tr>
<tr id="tr1">
<td style="border:1px solid #000000;"><input type="checkbox" /></td>
<td style="border:1px solid #000000;">1</td>
</tr>
<tr id="tr2">
<td style="border:1px solid #000000;"><input type="checkbox" /></td>
<td style="border:1px solid #000000;">2</td>
</tr>
</table>
</body>
</html>
这是代码，我先选中复选框（也就是显示一个对号），点击title时，排序。排序后在ie6浏览器下，复选框的对号就不再显示了。而ie7,firefox都能显示。我估计是排序的问题，请大家帮我解决，怎么能在ie6下排序后还能显示。谢谢了！！！
...全文
请发表友善的回复…
发表回复
ZiSheng 2008-08-22
- 打赏
- 举报
<html xmlns ="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
<!--
function sort(){
var ch1=document.getElementById('check1');
var ch2=document.getElementById('check2');
if(ch1.checked=='checked')
var bc1=1;
else
var bc1=0;
if(ch2.checked=='checked')
var bc2=1;
else
var bc2=0;
var tr0 = document.getElementById('tr0');
var tableNode = tr0.parentNode;
tableNode.appendChild(tableNode.rows[2]);
tableNode.appendChild(tableNode.rows[1]);
if(bc1==1)
ch1.checked='checked';
if(bc2==1)
ch2.checked='checked';
}
// -->
</script>
</head>
<body>
<table id="id_table">
<tr id="tr0">
<th style="border:1px solid #000000;">checkbox </th>
<th style="border:1px solid #000000;" onclick="return sort();">title </th>
</tr>
<tr id="tr1">
<td style="border:1px solid #000000;"> <input type="checkbox" id="check1"/>check1 </td>
<td style="border:1px solid #000000;">1 </td>
</tr>
<tr id="tr2">
<td style="border:1px solid #000000;"> <input type="checkbox" id="check2"/>check2</td>
<td style="border:1px solid #000000;">2 </td>
</tr>
</table>
</body>
</html>
<head>
<script type="text/javascript">
<!--
function sort(){
var ch1=document.getElementById('check1');
var ch2=document.getElementById('check2');
if(ch1.checked=='checked')
var bc1=1;
else
var bc1=0;
if(ch2.checked=='checked')
var bc2=1;
else
var bc2=0;
var tr0 = document.getElementById('tr0');
var tableNode = tr0.parentNode;
tableNode.appendChild(tableNode.rows[2]);
tableNode.appendChild(tableNode.rows[1]);
if(bc1==1)
ch1.checked='checked';
if(bc2==1)
ch2.checked='checked';
}
// -->
</script>
</head>
<body>
<table id="id_table">
<tr id="tr0">
<th style="border:1px solid #000000;">checkbox </th>
<th style="border:1px solid #000000;" onclick="return sort();">title </th>
</tr>
<tr id="tr1">
<td style="border:1px solid #000000;"> <input type="checkbox" id="check1"/>check1 </td>
<td style="border:1px solid #000000;">1 </td>
</tr>
<tr id="tr2">
<td style="border:1px solid #000000;"> <input type="checkbox" id="check2"/>check2</td>
<td style="border:1px solid #000000;">2 </td>
</tr>
</table>
</body>
</html>
