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>