Jquery获取已经值的方法 checkbox和input输入框
一、Jquery获取已经选中的checkbox的几种方式
1.先看看原生js怎么获取的，首先获取name为某一对象的checkbox对象，此时接收到的是一个数组，里面存储的是所有的数组，再对所有数组进行遍历，如果当前为点击的对象，就添加就定义的空数组中。
var objetct = document.getElementsByName(“su_check”); var check_list = []; for (k in object) { if (object[k].checked) check_list.push(object[k].value); }
2. 该方法对ie浏览器的兼容不太友好，建议将for循环语句更换成如下：for (var i = 0; i < object.length; i++)
3. jquery获取已经点击的checkbox复选框
<body>
<input type="checkbox" id="" name="abc" value="123">
<input type="checkbox" id="" name="abc" value="456">
<input type="checkbox" id="" name="abc" value="789">
<button id="btn">点我</button>
</body>
</html>
<script src="jquery.min.js"></script>
<script>
$(function(){
$("#btn").click(function(){
var arr=[];
$("input[name='abc']:checked").each(function(){
arr.push($(this).val());
})
// console.log(arr); //在控制台输出
for(i in arr){
alert(arr[i]); //弹出复选框中的值
}
})
})
</script>
二、js获取input输入框中的值
<body>
<input type="text" id="text">
<button id="btn">提交</button>
</body>
<script>
document.getElementById("btn").onclick=function(){
var text = document.getElementById("text").value;
alert(text);
}
</script>
