淘先锋技术网

首页 1 2 3 4 5 6 7

jQuery中的input取值是经常用到的,接下来我们来了解一下如何使用jQuery来获取input标签的值。

$.fn.getValue = function(){
var tagType = this[0].tagName.toUpperCase();
if(tagType === "INPUT"){
var inputType = this[0].type.toUpperCase();
if(inputType === "CHECKBOX" || inputType === "RADIO"){
return this[0].checked;
} else {
return this[0].value;
}
} else if(tagType === "SELECT" || tagType === "TEXTAREA"){
return this[0].value;
}
};

我们定义一个名为 getValue 的函数,他是一个 jQuery 的扩展。我们可以将一个 jQuery 对象传给这个函数,然后它会返回被获取元素的值。

var someInput = $("#someInput");
var inputValue = someInput.getValue();

以上代码可以获取一个id为 someInput 的 input 标签的值。

var someSelect = $("#someSelect");
var selectValue = someSelect.getValue();

以上代码可以获取一个id为 someSelect 的 select 标签的值。

可以看到使用 jQuery 来获取表单元素的值非常容易,使用起来也很方便。