获取表单值的方法

input的文本类型

<input type="text" name="mingzi" value="名字" checked="checked"/>

我们可以通过以下方式获取到input的value值

1:$("input").val();
例2:$("input").attr("value");
例3:$("input").attr("value","名字");这个是修改input的值
以上代码就可以获取input的value值了。

以上是获取到了,input没有改写之前的值,要想获取到改变之后输入框的值,需要用到change事件。

例:$("input").change(function(){
    var num=$("input").val();
    console.log(num)
})//这里的num就是你输入的值。

input的复选框和单选框

对于单选和复选的操作更多的是判断他们有没有被选中的状态,下面这个例子是获取到checkbox中选中的多个值。主要是通过class来控制的。

<input type="checkbox" name="test" value="1"/><span>1</span>
<input type="checkbox" name="test" value="2"/><span>2</span>
<input type="checkbox" name="test" value="3"/><span>3</span>
<input type="checkbox" name="test" value="4"/><span>4</span>
<input type="checkbox" name="test" value="5"/><span>5</span><br>
<input type='button' value='提交' onclick="fun()"/>
<script type="text/javascript">
    function fun(){
    obj = document.getElementsByName("test");
    check_val = [];
    for(k in obj){
        if(obj[k].checked){
            check_val.push(obj[k].value);
            }            
        }    
    alert(check_val);
}

input的select属性值