求助:有关tr或其它tag的disabled属性

JK_10000 2002-09-29 10:49:40
有时需要将整行里面的所有input都disabled掉。所以尝试写成
<tr disabled>……………</tr>,
tr内的所有input也被disabled了,整行看起来呈现灰色,效果挺理想
但是在IE5里挺好,到winXP上的IE6时,input虽说也灰掉了,可还可以改写。

另外还有一个问题就是tr的disabled属性不可读也不可写。
可不可以想个办法给tr加上这个属性,并且可读可写

范例程式如下(第三行被灰掉)

<html>
<HEAD>
<META NAME="save" CONTENT="history">

</HEAD>

<body>
<form name="frm" method=post >

<table align="center" bordercolor=cccccc border=1>

<tr bocolor=eeeeee >
<td ><input type=checkbox ></td>
<td >明细ID</td>
<td >明细NAME</td>
</tr>
<tbody id="tbdDistributions">
<tr>
<td >1<input type="checkbox" name="record_select" class="check"></td>
<td ><input type="text" name="detail_id" value='1' ></td>
<td ><input type="text" name="detail_name" value='a'></td>
</tr>
<tr>
<td >2<input type="checkbox" name="record_select" class="check"></td>
<td ><input type="text" name="detail_id" value='2' ></td>
<td ><input type="text" name="detail_name" value='b'></td>
</tr>
<tr disabled >
<td >3<input type="checkbox" name="record_select" class="check"></td>
<td ><input type="text" name="detail_id" value='3' ></td>
<td ><input type="text" name="detail_name" value='c'></td>
</tr>
<tr>
<td >4<input type="checkbox" name="record_select" class="check"></td>
<td ><input type="text" name="detail_id" value='4' ></td>
<td ><input type="text" name="detail_name" value='d'></td>
</tr>

<tr height=0 ><td colspan=100 height=0 > 合计</td></tr>
</tbody>

</table>


</form>

<textarea name="theHistoryRecord" style="display:none" rows="1" cols="20" ></textarea>


</body>
</html>
...全文
490 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
alexxing 2002-09-30
  • 打赏
  • 举报
回复
tr disabled 跟里面的控件是否 disabled 好像无关
JK_10000 2002-09-30
  • 打赏
  • 举报
回复
在IE5里,一旦tr被disabled,其内含的input都被disabled掉了(不可写,并且不会传到后台)(select没有被disabled)
但是在IE6里却不是这样的
JK_10000 2002-09-29
  • 打赏
  • 举报
回复
input的disabled属性是可读音并且可写的。
将一行里的每一个Input都disabled掉一方面程式效率比较低,另一方面视觉效果远不如tr被disabled(tr被disabled后,其中的Input以及td的innerText信息都会变灰)

JK希望的是把tr给disabled掉。
希望大家继续给予指导
binscut 2002-09-29
  • 打赏
  • 举报
回复
我用WIN2000+IE6可以读写啊


<html>
<HEAD>
<META NAME="save" CONTENT="history">

</HEAD>

<body>
<form name="frm" method=post >

<table align="center" bordercolor=cccccc border=1>

<tr bocolor=eeeeee >
<td ><input type=checkbox ></td>
<td >明细ID</td>
<td >明细NAME</td>
</tr>
<tbody id="tbdDistributions">
<tr>
<td >1<input type="checkbox" name="record_select" class="check"></td>
<td ><input type="text" name="detail_id" value='1' ></td>
<td ><input type="text" name="detail_name" value='a'></td>
</tr>
<tr>
<td >2<input type="checkbox" name="record_select" class="check"></td>
<td ><input type="text" name="detail_id" value='2' ></td>
<td ><input type="text" name="detail_name" value='b'></td>
</tr>
<tr disabled id=xx>
<td >3<input type="checkbox" name="record_select" class="check"></td>
<td ><input type="text" name="detail_id" value='3' ></td>
<td ><input type="text" name="detail_name" value='c'></td>
</tr>
<tr>
<td >4<input type="checkbox" name="record_select" class="check"></td>
<td ><input type="text" name="detail_id" value='4' ></td>
<td ><input type="text" name="detail_name" value='d'></td>
</tr>

<tr height=0 ><td colspan=100 height=0 > 合计</td></tr>
</tbody>

</table>

<input type=button value='disable' onclick="document.all.xx.disabled=true;alert(document.all.xx.disabled);">
<input type=button value='not disable' onclick="document.all.xx.disabled=false;alert(document.all.xx.disabled);">
</form>

<textarea name="theHistoryRecord" style="display:none" rows="1" cols="20" ></textarea>


</body>
</html>
flashsoft2000 2002-09-29
  • 打赏
  • 举报
回复
其实就是分别指定就可以了
qiushuiwuhen 2002-09-29
  • 打赏
  • 举报
回复
<html>
<HEAD>
<META NAME="save" CONTENT="history">

</HEAD>

<body>
<form name="frm" method=post >

<table align="center" bordercolor=cccccc border=1>

<tr bocolor=eeeeee >
<td ><input type=checkbox ></td>
<td >明细ID</td>
<td >明细NAME</td>
</tr>
<tbody id="tbdDistributions">
<tr>
<td >1<input type="checkbox" name="record_select" class="check"></td>
<td ><input type="text" name="detail_id" value='1' ></td>
<td ><input type="text" name="detail_name" value='a'></td>
</tr>
<tr>
<td >2<input type="checkbox" name="record_select" class="check"></td>
<td ><input type="text" name="detail_id" value='2' ></td>
<td ><input type="text" name="detail_name" value='b'></td>
</tr>
<tr >
<td >3<input type="checkbox" name="record_select" class="check" disabled ></td>
<td ><input type="text" name="detail_id" value='3' disabled ></td>
<td ><input type="text" name="detail_name" value='c' disabled ></td>
</tr>
<tr>
<td >4<input type="checkbox" name="record_select" class="check"></td>
<td ><input type="text" name="detail_id" value='4' ></td>
<td ><input type="text" name="detail_name" value='d'></td>
</tr>

<tr height=0 ><td colspan=100 height=0 > 合计</td></tr>
</tbody>

</table>


</form>

<textarea name="theHistoryRecord" style="display:none" rows="1" cols="20" ></textarea>


</body>
</html>

fokker 2002-09-29
  • 打赏
  • 举报
回复
<form name="frm" method=post >
<table align="center" bordercolor=cccccc border=1>
<tr bgcolor=eeeeee >
<td ><input type=checkbox ></td>
<td >明细ID</td>
<td >明细NAME</td>
</tr>
<tbody id="tbdDistributions">
<tr>
<td >1<input type="checkbox" name="record_select" class="check"></td>
<td ><input type="text" name="detail_id" value='1' ></td>
<td ><input type="text" name="detail_name" value='a'></td>
</tr>
<tr>
<td >2<input type="checkbox" name="record_select" class="check"></td>
<td ><input type="text" name="detail_id" value='2' ></td>
<td ><input type="text" name="detail_name" value='b'></td>
</tr>
<tr id=trDis>
<td >3<input type="checkbox" name="record_select" class="check"></td>
<td ><input type="text" name="detail_id" value='3' ></td>
<td ><input type="text" name="detail_name" value='c'></td>
</tr>
<tr>
<td >4<input type="checkbox" name="record_select" class="check"></td>
<td ><input type="text" name="detail_id" value='4' ></td>
<td ><input type="text" name="detail_name" value='d'></td>
</tr>
<tr height=0 ><td colspan=100 height=0 > 合计</td></tr>
</tbody>
</table>
</form>
<textarea name="theHistoryRecord" style="display:none" rows="1" cols="20" ></textarea>
<script>
function disTR(obj,flag){
for(var i=0;i<obj.all.length;i++){
var o=obj.all.item(i);
if(o.tagName=="INPUT")
o.disabled=flag;
}
}
disTR(document.all("trDis"),true)
</script>
JK_10000 2002-09-29
  • 打赏
  • 举报
回复
另外想请教各路大侠:
对于像这样IE5支持,IE6不支持或者某些IE5IE6支持但鬼也不知道IE7IE8是否支持的现状态大家都是如何处理的。

懊恼中
emu 2002-09-29
  • 打赏
  • 举报
回复
程序效率低这么一点没有关系的吧,倒是编程效率降低了,没法子。
视觉效果嘛,tr和input都disabled了不就得了?

87,985

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧