点击按钮改变input text的value值
来源:互联网 发布:淘宝连衣裙店铺推荐 编辑:程序博客网 时间:2024/05/01 12:12
js代码:
<scripttype="text/javascript">
var textValue=1;
window.onload = function()
{
varhtml=document.body.innerHTML;
document.body.innerHTML=html.replace(/value="?javascript:(\w+)"?/ig,
function(s,s1){return 'value="'+window[s1] +'"'});
$("#add").click(function(){
document.getElementByIdx_x_x_x("amount").value=++textValue;
});
$("#lose").click(function(){
if(document.getElementByIdx_x_x("amount").value>1)
document.getElementByIdx_x_x("amount").value=--textValue;
});
var textValue=1;
window.onload = function()
{
</script>
html代码:
<div
style="height:30px; width: 100%; border-top: 1px solid #E0E4E0; border-bottom:2px solid #E0E4E0">
<tablestyle="width: 100%">
<tr>
<td>数量:
<button id="lose"
style="width:25px; height: 25px; background-color:#F79D2D">-</button>
<inputid="amount"type="text" value="javascript:textValue" style="width:30px; color: red" />
<button id="add"
style="width:25px; height: 25px; background-color:#F79D2D">+</button>
</td>
<tdstyle="padding-right: 5px; width: 30%;">
<div>
<spanstyle="float: right; color:red"><strong>¥</strong>:66666</span>
</div>
</td>
</tr>
</table>
</div>
效果
加个初始化函数,在文档下载完成后,把html代码中的js变量标志替换成js变量的值
0 0
- 点击按钮改变input text的value值
- 改变文本框input value值
- 点击input,value值消失
- 清空 input 框 text 里面的 value值
- 改变隐藏的input中value的值
- JS 实时监听input的value值改变 解决方案
- 点击按钮样式的改变
- 点击按钮“编辑” 动态添加一个input text
- input圆形多选按钮状态改变(checked)与点击触发事件的优先顺序
- jQuery操作input改变value属性值
- input的value值在页面上被改变,但是查看器代码中值不改变
- 点击TR改变input的checked
- 点击按钮改变div的颜色
- 点击按钮改变标签的内容
- 点击按钮改变textField的状态
- 使用<input type="text" value=<%=str%>>出现取值不全的问题
- JavaScript设置form, textarea, text input元素的value
- jquery获取input单选按钮点击事件及单选按钮值的方法
- 对HTML5中LocalStorage的一些使用…
- (转)localStorage实现本地缓存
- 数据库连接池-DBUtils
- HTML5之IndexedDB使用详解
- (转)HTML5遍历localStorage数据
- 点击按钮改变input text的value值
- js获取<a>标签中的值
- win7 VS2008 X64 pcomm串口控制开发方法
- 2013年05月02日
- (转)iscroll4的用法
- PopupWindow菜单实现父窗口遮罩
- (转)html鼠标事件
- 黑马程序员 数组的使用
- phonegap 长按列表弹出对话框