求:当text为空的时候checkbox为灰色

当text为空的时候checkbox为灰色,或者当text为空的时候去钩选checkbox时提示文本框不能为空.大侠们帮帮忙,谢谢!

解决方案 »

  1.   

    在text中编写onchange事件，判断如果text的value是空，就设置checkbox的disable
      

  2.   


    <script type="text/javascript">
    function check(){
    var t1 = document.getElementById('t1').value;
    var t2 = document.getElementById('t2').value;

    if(t1.length ==0 && t1==""){
    //alert("1");

    document.getElementById("t1").disabled = true; }
    if(t2.length ==0 && t2==""){

    document.getElementById("t2").disabled = true;
    }
    }</script>
     <body onload="check();">
       
        <input id="t1"  type="text" value="1">
        <input id="t2"  type="text" >
      

  3.   

    楼上的很勤劳，不过有个小问题，你误解楼主的意思了。楼主要两个控件，当文本（text）控件没有内容时，就不允许点击复选框（checkbox）控件。另外，我理解文本（text）控件是可能动态变化的，所以要还要加用onchange事件。Anyway，能直接给出代码值得鼓励，我表示我基本是来打酱油的，楼主你多多感谢2楼的兄弟吧。
      

  4.   

    写在body里好么？不过写在text中的onchange里好像是如果tab到的话就不触发吧，而且ie中的onchange用过几次都不太好使呀。。不过总之思路就是2楼那样滴。根据好需求设计好相应的逻辑联系，然后编写事件就好啦。
    另外ie6下的checkbox需要点一下才灰，8以上的是只要当前false就会是灰色的了~
      

  5.   

    <body>
    <input type="checkbox" id="cb">
    <input type="text" id="tt" onblur="validate()">
    </body>
    <script language="javascript" type="text/javascript">
    function validate()
    {
    ttvalue = document.getElementById("tt").value;
    if(ttvalue=="")
    {
    document.getElementById("cb").disabled=true; 
    }else{
    document.getElementById("cb").disabled=false; 
    }
    }
    validate();
    </script>以上是其中一种