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);
}