根据状态使用按钮可用,不可用

当选择了多选框后,删除按钮才被激活,否则是disabled,怎样设置,谢谢

解决方案 »

  1.   

    用javascript向多选框添加监听事件！
    <html>
    <body> 
    <input type="checkbox" name="checkboxName" onclick="buttonDisable"/>checkboxNameA <br/>
    <input type="checkbox"   name="checkboxName"   />checkboxNameB <br/>
    <input type="button"   value="button"  id="buttonNoDisable" disabled="disabled"  />xxxxxx <br/>

    </body> 
    <script type="text/javascript">

    function buttonDisable(){
    var checkbox = document.getElementsByName("checkboxName");
    for(var i=0;i<checkbox.length;i++){
    if (checkbox[i].checked) {
    document.getElementById("buttonNoDisable").disabled=false;
    return;
    }else{
    document.getElementById("buttonNoDisable").disabled=true;
    }

    }
    }

    function initPage(){
    var checkbox = document.getElementsByName("checkboxName");
    if (window.addEventListener) {//非IE,// 添加监听  
    for(var i=0;i<checkbox.length;i++){
    checkbox[i].addEventListener('click',buttonDisable,false);
    }
    } else if (window.attachEvent){//IE  
    for(var i=0;i<checkbox.length;i++){
    checkbox[i].attachEvent('onclick', buttonDisable);
    }
    }
    }

    initPage();


    </script>
    </html> 
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script>
    function setStatus()
    {
    var checkbox=document.getElementById('chkSel');
    var button=document.getElementById('btnDel');
    if(checkbox.checked)
    {
    button.disabled=false;
    }
    else
    {
    button.disabled=true;
    }

    }
    </script>
    </head><body>
    <form id="form1" method="post" action="">
     
      <input type="button"  disabled="disabled" id="btnDel" value="按钮" />
      
      <input type="checkbox" id="chkSel" value="checkbox" onClick="setStatus()" />
      
    </form>
    </body>
    </html>
      

  3.   

     <script type="text/javascript">
        function addTest(){
        document.getElementById("delete").disabled=!document.getElementById("delete").disabled;
        }
       </script>
       <body>   
                激活<input type="checkbox" id="check" onclick="addTest()">
        <input type="button" value="删除" id="delete" disabled="disabled">
       </body>这也就可以了。