jquery获取input的value值(jquery获取input的value值的方法)

首先了解下jQuery的attr()方法:

定义和用法

attr() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值,则返回第一个匹配元素的值。

当该方法用于设置属性值,则为匹配元素设置一个或多个属性/值对。

语法

返回属性的值:

$(selector).attr(attribute)

设置属性和值:

$(selector).attr(attribute,value)

使用函数设置属性和值:

$(selector).attr(attribute,function(index,currentvalue))

设置多个属性和值:

$(selector).attr({attribute:value, attribute:value,…})

参数描述attribute规定属性的名称。value规定属性的值。function(index,currentvalue)规定要返回属性值到集合的函数

index- 接受集合中元素的 index 位置。

currentvalue- 接受被选元素的当前属性值。

之前用jquery的attr给input的value属性动态赋值过,发现再用attr清空这个值时页面上仍然有之前的值,而input本身是没有值的。代码中使用了attr来对input的value做赋值,而attr主要用于对input的属性值做赋值。

jquery获取input的value值(jquery获取input的value值的方法)

后来发现 有个方法同样可以实现给input动态赋值

$(“#totalCost”).prop(“value”,””);for (var i = 0; i < totalList.length; i ) { totalCost = totalList[i]; courseContractInfoList[i].lessonTotal = totalList[i];}$(‘#totalCost’).prop(‘value’,Math.round(totalCost*100)/100);

jquery的prop方法完美的解决了我这个问题。

jQuery的prop()方法是什么?

定义和用法

prop() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值时,则返回第一个匹配元素的值。

当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。

注意:prop() 方法应该用于检索属性值,例如 DOM 属性(如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected)。

语法

返回属性的值:

$(selector).prop(property)

设置属性和值:

$(selector).prop(property,value)

使用函数设置属性和值:

$(selector).prop(property,function(index,currentvalue))

设置多个属性和值:

$(selector).prop({property:value, property:value,…})参数描述property规定属性的名称。value规定属性的值。function(index,currentvalue)规定返回要设置的属性值的函数。

index- 检索集合中元素的 index 位置。

currentvalue- 检索被选元素的当前属性值。

既可以动态赋值又能正常的清空值和页面上的显示的问题。

发表评论

登录后才能评论