在提交的页面的<input type=text >

当用户打钩该项，<input type=tex>该项目可以被编辑。。。。如果没有就显示原有的值。不可被编辑。。。

<script type="text/javascript">
function valiable(eo) {
var oText=document.getElementById("text");
oText.readOnly=eo.checked;
}
</script>
<input type="text" id="text" readonly>
<input type="checkbox" onclick="valiable(this)">

没被打钩显示一种颜色。打钩后显示另一种颜色呢？？？？谢谢。。版主好强。。。

我测试了，打钩后还要把钩去掉才可以编辑，但是能否一打钩就能编辑呢？？？
没被打钩显示一种颜色。打钩后显示另一种颜色呢？？？？谢谢。。版主好强。。。

<script type="text/javascript">
function valiable(eo) {
var oText=document.getElementById("text");
oText.readOnly=!eo.checked;
}
</script>
<input type="text" id="text" readonly>
<input type="checkbox" onclick="valiable(this)">

===============================================
<script type="text/javascript">
function valiable(eo) {
var oDiv=document.getElementById('area');
if (eo.checked)
oDiv.style.background="#FF0000";
else
oDiv.style.background="#00FF00";
}
</script>
<div style="width:100;height:100;background:#00FF00;" id="area"></div>
<input type="checkbox" onclick="valiable(this)">

在多个提交的项中可以编辑呀。。。。。。。。这个代码只能在一个提交项哦。。。。。。。。

兄弟，看懂代码
就可以触类旁通了
……

我只能实现一个提交项实现该控制呀，，其他的没放映哦 。。。。。。。。。。。

<script type="text/javascript">
function valiable(eo) {
var oTexts=document.getElementsClassName("input");
for (var i=0;i<oTexts.length;i++)
{
var oText=oTexts[i];
if (oText.type.toString().toLowerCase()=="text")
{
oText.readOnly=!eo.checked;
}
}
}
</script>
<input type="checkbox" onclick="valiable(this)">
<input type="text" readonly>
<input type="text" readonly>

晕晕了。。问题还没解决呀，，，没有颜色变化了。。。。。。