javaScript基础

实现简单的复选框，全部选中和全部取消

<input type="checkbox" name="all" id="allcheck" onclick="checkAll()"/>全选<br/>
<input type="checkbox" name="check" value="1"><br>
<input type="checkbox" name="check" value="2"><br>
<input type="checkbox" name="check" value="3"><br>

<button type="button" onclick="mycheck()">检查</button>
<script>
    function checkAll() {
        var all = document.getElementById("allcheck");
        var one = document.getElementsByName('check');
        for (var i = 0; i < one.length; i++) {
            one[i].checked = all.checked;
        }
    }
</script>

ajax提交表单

<form id="duan">
    <input id="dat1" type="text" name="articleTitle">
    <input id="dat2" type="text" name="category">
    <input type="button" value="提交" onclick="mytest()">
</form>
<script>
    function mytest() {
        var formData = new Object();
        formData.category = document.getElementById("dat1").value;
        formData.articleTitle=document.getElementById("dat2").value;
        $.ajax({
            url:"/test",
            type:"post",
            data:formData
        });
    }
</script>

后端代码：

    @RequestMapping("/test")
    public String test(Article article){
        System.out.println(article.getArticleTitle());
        System.out.println(article.getCategory());
        return "";
    }