• 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>    
  • 相关阅读:
    博客作业01-日期抽象数据类型的设计与实现
    C语言博客作业06--结构体&文件
    C语言博客作业05--指针
    C语言博客作业04--数组
    C语言博客作业03---函数
    C语言博客作业02----循环结构
    DS博客作业08--课程总结
    DS博客作业07--查找
    DS博客作业06--图
    DS博客作业05--树
  • 原文地址:https://www.cnblogs.com/starwei/p/12459934.html
Copyright © 2020-2023  润新知