本文介绍了一个简单的HTML页面示例，该页面利用jQuery库实现了对特定元素的点击事件处理，并更新了输入框的内容。当用户点击带有不同金额的列表项时，对应的数值将被填入指定的输入框中。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
<script type="text/javascript">
$(function(){
$('li').click(function(){
$("#payAmt").val(parseInt($(this).html()));
});
});
</script>
</head>
<body>
<div >
<ul id="amt">
<li money="10" class="pay-amount select-money">10元</li>
<li money="15" class="pay-amount">15元</li>
<li money="20" class="pay-amount">20元</li>
<li money="50" class="pay-amount">50元</li>
</ul>
</div>
<input type="text" name="payAmt" id="payAmt"/>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
<script type="text/javascript">
$(function(){
$('li').click(function(){
$("#payAmt").val(parseInt($(this).html()));
});
});
</script>
</head>
<body>
<div >
<ul id="amt">
<li money="10" class="pay-amount select-money">10元</li>
<li money="15" class="pay-amount">15元</li>
<li money="20" class="pay-amount">20元</li>
<li money="50" class="pay-amount">50元</li>
</ul>
</div>
<input type="text" name="payAmt" id="payAmt"/>
</body>
</html>
扫一扫
3718
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
