获取html中type="text"中的值,jquery获取input type=text中的值的各种方式(总结)

实例如下：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml>

JQuery获取文本框的值

//使用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);

});

*/

});

test1

test2

test3

以上这篇jquery获取input type=text中的值的各种方式(总结)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。