87,910
社区成员
发帖
与我相关
我的任务
分享如何实现金额录入框
请问该如何实现金额录入，我的代码如下（并没有起作用TAT）：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div class="chosemoney">
<p>请选择金额</p>
<input type="text" readonly="readonly" id="othermoney"/>
<div class="maoeykuang">
<div class="moneyzhi mymoney">10</div>
<div class="moneyzhi mymoney">20</div>
<div class="moneyzhi mymoney">30</div>
<div class="moneyzhi mymoney">50</div>
<div class="moneyzhi mymoney">80</div>
<div class="moneyzhi qita">其他金额</div>
</div>
<div id="box">
<div id="buttons">
<button class="fun">1</button>
<button class="fun">2</button>
<button class="fun">3</button>
<button class="fun">4</button>
<button class="fun">5</button>
<button class="fun">6</button>
<button class="fun">7</button>
<button class="fun">8</button>
<button class="fun">9</button>
<button class="fun">0</button>
<button class="clears">AC</button>
</div>
</div>
<div class="yqueren">确认</div>
</div>
<div class="content">
<p>选择的金额为：<span></span></p>
</div>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$('.moneyzhi').click(function(){
$('.moneyzhi').removeClass('active');
$(this).addClass('active');
var val=$(this).text();
$('#othermoney').val();
});
$('.fun').click(function(){
var val=$(this).text();
$('#othermoney').val();
})
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div class="chosemoney">
<p>请选择金额</p>
<input type="text" readonly="readonly" id="othermoney"/>
<div class="maoeykuang">
<div class="moneyzhi mymoney">10</div>
<div class="moneyzhi mymoney">20</div>
<div class="moneyzhi mymoney">30</div>
<div class="moneyzhi mymoney">50</div>
<div class="moneyzhi mymoney">80</div>
<div class="moneyzhi qita">其他金额</div>
</div>
<div id="box">
<div id="buttons">
<button class="fun">1</button>
<button class="fun">2</button>
<button class="fun">3</button>
<button class="fun">4</button>
<button class="fun">5</button>
<button class="fun">6</button>
<button class="fun">7</button>
<button class="fun">8</button>
<button class="fun">9</button>
<button class="fun">0</button>
<button class="clears">AC</button>
</div>
</div>
<div class="yqueren">确认</div>
</div>
<div class="content">
<p>选择的金额为：<span></span></p>
</div>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$('.moneyzhi').click(function(){
$('.moneyzhi').removeClass('active');
$(this).addClass('active');
var val=$(this).text();
$('#othermoney').val();
});
$('.fun').click(function(){
var val=$(this).text();
$('#othermoney').val();
})
</script>
</body>
</html>
...全文
请发表友善的回复…
发表回复
weixin_37700885 2017-04-10
- 打赏
- 举报
请问比如说，我点击button按钮中的1和2，input里的值是12
Go 旅城通票 2017-04-10
- 打赏
- 举报
你都没有赋值。。.val不传参数是获取值
$('.moneyzhi').click(function () {
$('.moneyzhi').removeClass('active');
$(this).addClass('active');
var val = $(this).text();
$('#othermoney').val(val);///////
});
$('.fun').click(function () {
var val = $(this).text();
$('#othermoney').val(val);///////
})
