JS代码作业

JavaScript017

JS代码作业,第1张

这是1.html

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>

<style type="text/css">

</style>

</head> 

<body>

<input type="text" name="name1"><br /><br />

<input type="text" name="name2"><br /><br />

<input type="submit" id="sub">

</body>

<script>

$(function(){

    $("#sub").click(function(){

        if(confirm("确定要提交吗")) {

            var val1 = $("[name='name1']").val()

            var val2 = $("[name='name2']").val()

            window.location.href="2.html?name1="+val1+"&name2="+val2

        }

        return false

        

        

    })

})

</script>

</html>

2.html

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>

<style type="text/css">

</style>

</head> 

<body>

</body>

<script>

$(function(){

    var url = location.search

    alert(url)

})

</script>

</html>

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <title>无标题文档</title>

    <style>

        #group1 {

    width: 350px

    padding-left: 20px

    line-height: 30px

}

.spanCss {

    font-size: 28px

}

    </style>

<script>

var ck=function(cc){

var cs=group1.querySelectorAll("input[type=checkbox]")

var num=0

for(var i=0i<cs.lengthi++){

if(cs[i].checked){

num++

}

}

cc.innerHTML=cs.length+"个选项，选中"+num+"个"

}

</script>

</head>

<body>

    <p>大学学习目的：</p>

    <fieldset id="group1">

        <legend>

            <label>

                <input type="checkbox" />学习知识，提高技能</label>

            <br />

            <label>

                <input type="checkbox" />培养终生学习能力</label>

            <br />

            <label>

                <input type="checkbox" />促进心智成长</label>，增强表达、沟通、协作能力

            <br />

            <label>

                <input type="checkbox" />构建人脉</label>

            <br />

        </legend>

    </fieldset>

    <p>要求实现的功能：</p>

    <p><span class="spanCss" onclick="ck(this)">单击这里显示:？个选择项，选中？个</span>

    </p>

</body>

</html>