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 来获取表单元素的值非常容易,使用起来也很方便。