码迷,mamicode.com
首页 > 其他好文 > 详细

多选按钮选中进行下一步

时间:2017-04-24 00:06:46      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:center   value   har   char   doc   自己的   log   box   cti   

<!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"  onclick="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" onclick="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>

 

以上为老师的版本,相较更为简单

多选按钮选中进行下一步

标签:center   value   har   char   doc   自己的   log   box   cti   

原文地址:http://www.cnblogs.com/angangxiaofa/p/6754597.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!