常见的选择同意之后才能点击下一步按钮

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>需要接受协议才可以进行下一步</title>
        <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
        <script type="text/javascript">
            $(function() {
                $("#selectMe").click(function() {
                    var obj = $("#next").get(0);
                    obj.disabled = !$("#selectMe")[0].checked;
                });
            });
        </script>
    </head>

    <body>
        <form action="index.html">
            <input type="checkbox" id="selectMe" />请接受协议
            <input type="submit" id="next" value="下一步" disabled="disabled" />
        </form>
    </body>

</html>

posted on 2018-01-04 11:38  空对月  阅读(1839)  评论(0编辑  收藏  举报