jquery获取form表单input元素值的简单实例
⼀般取值⽅法
$("#id").val();
$("#id").attr("value");
//其中value是元素的属性名如<s:textfield  id="cifName" key="cifName"  name="#sBean.cifName" />的
id,key,name属性。取到的值是属性后对应双引号⾥⾯的字符。
function saveConsumerValidate(){
jquery框架原理var cifNo =$("#cifNo").val(); //jquery获取⽂本框值⽅法1
var cardType = $("#cardType").attr("value"); //jquery获取⽂本框值⽅法2
var cardNo = ElementById("cardNo").value;//DOM获取值⽅法
val(),val(val)⽅法atttr(name),atttr(key,value)⽅法和value属性
在⽤$("#id")来获得页⾯的input元素的时候，发现$("#id").value不能取到值
$("#intro")是⼀个jquery的选择器结果是id="intro" 的第⼀个元素，⽽不是HTML DOM getElementById() ⽅法的Element
value是HTML DOM Text对象的⼀个属性，设置或返回⽂本域的 value 属性的值。
val()是jquery的获得或设置元素的 DOM 属性的操作⽅法。
val()⽅法：获得第⼀个匹配元素的当前值
取值：$("#id").val();|$("element元素").val();/下同　
或者  $("#id")[0].value;
HTML 代码:
<input type="text" value="some text"/>
jQuery 代码:
$("input").val();
val(val)⽅法：设置每⼀个匹配元素的值。
赋值：$("#id").val("new value"); 
或者  $("#id")[0].value = "new value";
HTML 代码:
<input type="text"/>
jQuery 代码:
$("input").val("hello world!");
attr(name)⽅法：取得第⼀个匹配元素的属性值。通过这个⽅法可以⽅便地从第⼀个匹配元素中获取⼀个属性的值。如果元素没有相应属性，则返回 undefined 。
取值：$("#id").attr("value");
HTML 代码:
<img src="test.jpg"/>
jQuery 代码:
$("img").attr("src");
结果:
test.jpg
attr(key,value)⽅法：为所有匹配的元素设置⼀个属性值。
赋值：$("#id").attr(attribute,value);
描述:
为所有图像设置src属性。
HTML 代码:
<img/>
<img/>
jQuery 代码:
$("img").attr("src","test.jpg");
结果:
[ <img src= "test.jpg" /> , <img src= "test.jpg" /> ]
以上这篇jquery获取form表单input元素值的简单实例就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。