如何实现选中checkbox输入框变成无法写入的灰色状态

<input type='checkbox' name='checkbox1' value='7'>
<input name='account' value='' size='6'>
应该怎么实现？？

解决方案 »

  1.   

    此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
    楼主【tjdghk】截止到2008-06-24 12:30:16的历史汇总数据(不包括此帖)：
    发帖数:23                 发帖分:610                
    结贴数:19                 结贴分:530                
    未结数:4                  未结分:80                 
    结贴率:82.61 %            结分率:86.89 %            
    楼主加油
      

  2.   

    <input type='checkbox' name='checkbox1' value='7' disabled>
      

  3.   

    用javascript控制，选中之后出发一个函数，将checkbox的disabled属性设定为true
      

  4.   

    不好意思，一激动就写错了，没看清楚题目
    正确代码如下：<html>
    <script language="javascript"> 
    function setDisabled(){
    for(var i=0;(e=document.all.checkbox1[i]);i++){
    if(e.checked){
    document.all.account[i].disabled=true;
    }else{
    document.all.account[i].disabled=false;
    }
    }
    }
    function setEvent(){
    for(var i=0;(e=document.all.checkbox1[i]);i++){
    e.onclick=setDisabled;
    }
    }
    </script>        <body onload="setEvent()"> 
    <input type='checkbox' name='checkbox1' value='7' onclick="setDisabled()"> 
    <input name='account' value='' size='6'>
    <br>
    <input type='checkbox' name='checkbox1' value='7'> 
    <input name='account' value='' size='6'>
    <br>
    <input type='checkbox' name='checkbox1' value='7'> 
    <input name='account' value='' size='6'>
    </body>
    </html>
      

  5.   

    上面的方法适合于checkbox1和account的数量都大于1的情况
      

  6.   

    谢谢各位，
     各位说的都没错，
    但是我想要的是
    checkbox被选中之后，不只是不能输入，
    而是，输入框颜色要变成灰色，
    就是说，checkbox不被选中的时候，输入框颜色黄色，可输入状态，
    一旦选中checkbox，输入框变成灰色，不可输入状态。
      

  7.   

    这不好弄吧。checkbox 如果有默认值的话。你怎么判断他选中？用onchange()？问题还在！onchange后变成不可用，那如果我选错了怎么办？就不能再选了？
    或者我没有理解lz的意思。
      

  8.   

    理解错了。理解成select啦。汗。。
      

  9.   

    没人回答吗？
    就是这个checkbox打check；
    <input type="checkbox" name="pass" value="1">下面的密码输入框一个是灰色显示一个是正常显示
    if (打check时) { 
    <INPUT type="password" name="pass" value="" style="background-color: #cccccc" disabled>
     } else (没有打check){ 
    <input type="password" name="pass" value="1" class="btext01"> 
     } 
      

  10.   

    这是什么？？？？？？
    用javascript
    4楼不是写了么，改一下就好
      

  11.   

    上面代码同时加上红色部分document.all.account[i].disabled=true;
    document.all.account[i].style.background="#cccccc";document.all.account[i].disabled=false;
    document.all.account[i].style.background="yellow";
      

  12.   

    <input type="text" name="a" readonly="true" value="" style="background-color:red">
    虽然不是灰色,但是不可点击了,灰色你把red改了就可以了
      

  13.   

    <form>
    修改密码: 
    <input type='checkbox' onclick='this.form.pass.disabled=this.form.repass.disabled=!this.checked' />
    <br />
    新密码:<input disabled='disabled' type='password' name='pass' /><br />
    重复密码:<input disabled='disabled' type='password' name='repass' />
    </form>
      

  14.   

    <input type='checkbox' id='cb1' name='checkbox1' value='7' onclick='document.getElementById("account1").disabled=this.checked' />
    <label for='cb1'>不填写 account</label><br />
    Account: <input id='account1' name='account' value='xxxxx' size='6' /> 
      

  15.   

    不能用'disabled' 属性，这样一来就提交不到server端了。
    只能用readonly属性，可以通过javascript来改变输入框的颜色
      

  16.   

    javaScript 代码     
       if( document.formUpdate.<%= TanMstEditBean.CHECK_BOX_FLG %>.checked == true) { 
                document.formUpdate.<%= TanMstEditBean.PASSWORD %>.disabled = true;
                document.formUpdate.<%= TanMstEditBean.PASSWORD %>.style.backgroundColor='#CCCCCC';
                document.formUpdate.<%= TanMstEditBean.CHECK_BOX_FLG %>.value = '1';
            } else {
                document.formUpdate.<%= TanMstEditBean.PASSWORD %>.disabled = false;
                document.formUpdate.<%= TanMstEditBean.PASSWORD %>.style.backgroundColor='#FFFF88';
                document.formUpdate.<%= TanMstEditBean.CHECK_BOX_FLG %>.value = '0';
            }
    在画面上用了onClick