多选按钮选中进行下一步

最新推荐文章于 2018-11-14 09:55:50 发布

weixin_30596023

最新推荐文章于 2018-11-14 09:55:50 发布

阅读量189

点赞数

原文链接：http://www.cnblogs.com/angangxiaofa/p/6754597.html

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            .center
            {   height: 10%;
                width:10% ;
                margin: 0px auto;
            }
        </style>
    </head>
    <body>
        <div class="center">
           是否同意服务协议<br />
         <input type="checkbox" id="check"  οnclick="a(this)"/>
         <label for="check">同意</label><br /><br />
         <input type="submit" value="提交" id="sub" disabled="disahled"/>
         </div>
    </body>
</html>
<script>
function a(obj){

    var sub1=document.getElementById("sub");

    if(obj.checked){

        sub1.disabled=false;

    }else{

//      alert('需要同意服务协议');

        sub1.disabled=true;

    }

}

</script>

以上实现的是选中多选按钮可进行下一步（自己的版本)

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>

    <body>
        
        <input type="checkbox" id="ckb" οnclick="check()" />
        <input type="button" disabled="disabled" value="下一步" id="btn" />
        
    </body>

</html>
<script>
        
        function check() {
            var ckb = document.getElementById('ckb');
            if(ckb.checked) {
                document.getElementById('btn').removeAttribute('disabled');
            }
                         else {
                document.getElementById('btn').setAttribute('disabled','disabled');
            }
        }
</script>