JQuery获取input type="text"中的值

 自己的jQuery确实不眨地。这次做站哟要用的这个。自己就得硬着头皮学着点把。记录下,备用

jquery这个确实很强大的。需要什么就会有什么。插件也特别多的啊

<script type="text/javascript">  
        //使用id的方式获取  
        $(document).ready(function(){  
            //1  
            $("#button_text1").click(function(){  
                var result1 = $("#input_text1").val();  
                alert("result1 = " + result1);  
            });  
            //2  
            $("#button_text2").click(function(){  
                var result2 = $("input[id='input_text2']").val();  
                alert("result2 = " + result2);  
            });  
            //3  
            $("#button_text3").click(function(){  
                var result3 = $("input[id='input_text3']").attr("value");  
                alert("result3 = " + result3);  
            });  
            //4. 可以通过type的值来获取input中的值(未演示)  
            /*  
            $("#button_text4").click(function(){  
                var result4 = $("input[type='text']").val();  
                alert("result4 = " + result4);  
            });  
            */  
            //5. 可以通过name的值来获取input中的值(未演示)  
            /*  
            $("#button_text5").click(function(){  
                var result5 = $("input[name='text']").val();  
                alert("result5 = " + result5);  
            });           
            */  
        });  
        </script>  


<!-- 获取文本框的值:方式一 -->  
        <div id="test1">  
            <input id="input_text1" type="text" value="test1" style="width: 100px;" />  
            <button id="button_text1">test1</button>  
        </div>  
        <!-- 获取文本框的值:方式二 -->  
        <div id="test2">  
            <input id="input_text2" type="text" value="test2" style="width: 100px;" />  
            <button id="button_text2">test2</button>  
        </div>  
        <!-- 获取文本框的值:方式三 -->  
        <div id="test3">  
            <input id="input_text3" type="text" value="test3" style="width: 100px;" />  
            <button id="button_text3">test3</button>  
        </div>  

相关文章

已有 10 条评论
  1. 小易

    这个完全看不懂啊

    小易 回复
  2. 婴儿游泳池

    看不懂

    婴儿游泳池 回复
  3. itbulu

    这个模板有WP的吗,要是有WP的非常好了,TYPECHO目前官方已经不在捣鼓了。

    itbulu 回复
    1. 枫叶红秋雨

      @itbulu

      @itbulu wp的好像没有。tp的现在功能基本够用了。而且说要出新版了。具体啥时候不知道呢

      枫叶红秋雨 回复
  4. 衣服网

    这个好专业啊,我要慢慢的看了。

    衣服网 回复
  5. 越南小食品

    程序不懂可惜了太多JQ也不好吧

    越南小食品 回复
  6. 毕加波

    这模板真好看^^!

    毕加波 回复
    1. 枫叶红秋雨

      @毕加波

      @毕加波 MJJ.没你的好看

      枫叶红秋雨 回复
      1. 毕加波

        @枫叶红秋雨

        我觉得比我的好看@@...

        毕加波 回复
        1. 枫叶红秋雨

          @毕加波

          @毕加波 那你拔到em去。你就能用上了

          枫叶红秋雨 回复
发表新评论