jQuery獲取文字框資料
阿新 • • 發佈:2019-02-16
<html>
<head> <meta charset="UTF-8">
</head>
<body> /// change事件
<input class="field" type="text" />
<p class="aa"></p> //input propertychange <div class="wrap">
<textarea></textarea>
<div class="msg"></div>
</div> //充值金額實時更新到 確認支付輸入框 <div class="czjinger">
<div class="cz-input">
<lable>充值金額:</lable>
<input class="sdje" type="text" placeholder="請填寫充值金額">
</div>
<div class="cz-lia">
<a>50</a>
<a>50</a>
<a>100</a>
<a>150</a>
<a>200</a>
<a>250</a>
<a>300</a>
</div>
</div>
<div class="play">
確認支付:<input type="text" class="the-play" name="account" value="0.01" disabled/>
</div> <script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){ //change事件 但不是實時重新整理
$(".field").change(function(){
var ab=$(".field").val();
$(".aa").text(ab);
}); //和框架資料雙向繫結效果一樣 $('textarea').bind('input propertychange', function() {
$('.msg').html($(this).val());
});
});
//充值金額實時更新到 確認支付輸入框
$(".cz-lia a").click(function(){
$(this).addClass("active").siblings().removeClass("active");
var money2 = $(this).text();
$('.the-play').val(money2);
});
$('.sdje').bind('input propertychange', function() {
$('.the-play').val($(this).val());
});
</script>
</body>
</html> //充值金額實時更新到 確認支付輸入框
<head> <meta charset="UTF-8">
</head>
<body> /// change事件
<input class="field" type="text" />
<p class="aa"></p> //input propertychange <div class="wrap">
<textarea></textarea>
<div class="msg"></div>
</div> //充值金額實時更新到 確認支付輸入框 <div class="czjinger">
<div class="cz-input">
<lable>充值金額:</lable>
<input class="sdje" type="text" placeholder="請填寫充值金額">
</div>
<div class="cz-lia">
<a>50</a>
<a>50</a>
<a>100</a>
<a>150</a>
<a>200</a>
<a>250</a>
<a>300</a>
</div>
</div>
<div class="play">
確認支付:<input type="text" class="the-play" name="account" value="0.01" disabled/>
</div> <script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){ //change事件 但不是實時重新整理
$(".field").change(function(){
var ab=$(".field").val();
$(".aa").text(ab);
}); //和框架資料雙向繫結效果一樣 $('textarea').bind('input propertychange', function() {
$('.msg').html($(this).val());
});
});
//充值金額實時更新到 確認支付輸入框
$(".cz-lia a").click(function(){
$(this).addClass("active").siblings().removeClass("active");
var money2 = $(this).text();
$('.the-play').val(money2);
});
$('.sdje').bind('input propertychange', function() {
$('.the-play').val($(this).val());
});
</script>
</body>
</html> //充值金額實時更新到 確認支付輸入框