zoukankan      html  css  js  c++  java
  • JS取 Input 控件值方法

    最近经常用到Input 控件,在不同场景用JS去取Input的value的方式是不同的,以下是我暂时想到的几种方式,欢迎收藏补充,为以后开发省时。

    <html>
        <header>
            <title>index</title>
            <script src="jquery-3.1.1.min.js"></script>
        </header>
    
        <body>
            <div>
                <!-- 简单绑定单击方法,其他事件一样处理 -->
                <input id="id_1" class="id_1" value="啦啦啦" name="李丽" sid="sid_1" data-s="lili" onclick="funClick(this)" />            
            </div>
    
        </body>
        <script>
            function funClick(obj)
            {
                var data = $(obj).attr("data-s");
    
                var inputVal = $("#id_1").val();
                
                //可以使用任意属性获取,套格式
                var inputVal2 = $("input[sid='sid_1']").val();
                
                var inputVal3 = obj.value;
    
                var inputVal4 = document.getElementById("id_1").value;
    
                console.log("inputVal:"+inputVal + ",inputVal2:" + inputVal2 + ",inputVal3:" + inputVal3 + ",inputVal4:" + inputVal4);
                //inputVal:啦啦啦,inputVal2:啦啦啦,inputVal3:啦啦啦,inputVal4:啦啦啦
            }
        
        </script>
    </html>
    

    在这里插入图片描述
    如有其它方法欢迎补充~

  • 相关阅读:
    JSON2 源代码
    C#冒泡排序详解
    SqlHelper 带详细中文注释
    js-cookie
    淘宝镜像(cnpm) 安装
    vue全局刷新
    webpack-npm安装-查看当前版本
    半环进度条
    Parameter 'name' implicitly has an 'any' type.
    vue3.0-如何切换路由-路由模式ts
  • 原文地址:https://www.cnblogs.com/wangqilong/p/12540399.html
Copyright © 2011-2022 走看看