JQuery如何实现在input框内输入一个数字后点确认，会显示出刚才输入的数字？ 5
这种输入框，在里面输入数字后点确认然后怎么能显示成这样：这是html<divclass="setting"><listyle="margin-bottom:2px;"><...
这种输入框，在里面输入数字后点确认
然后怎么能显示成这样：
这是html
<div class="setting" >
<li style="margin-bottom:2px;">
<span>往上调整：<input type="text" name="left" value="0" size="2" id="k1"/></span>
<span id="zero" style="display:none">0</span>
<span id="show1"></span>
<span> mm</span>
<span style="cursor:pointer;">
<input type="button" value="修改" id="change" name="修改" /><input type="button" value="确认" id="ok" name="确认" style="display:none" /></span>
</li>
<li>
<span>往左调整：<input type="text" name="right" value="0" size="2" id="k2" /></span>
<span id="zero2" style="display:none;">0</span><span id="show2"></span>
<span>mm</span>
<span style="cursor:pointer;">
<input type="button" value="退出" id="close" name="取消" /></span></li>
</div class="setting"> 展开
然后怎么能显示成这样：
这是html
<div class="setting" >
<li style="margin-bottom:2px;">
<span>往上调整：<input type="text" name="left" value="0" size="2" id="k1"/></span>
<span id="zero" style="display:none">0</span>
<span id="show1"></span>
<span> mm</span>
<span style="cursor:pointer;">
<input type="button" value="修改" id="change" name="修改" /><input type="button" value="确认" id="ok" name="确认" style="display:none" /></span>
</li>
<li>
<span>往左调整：<input type="text" name="right" value="0" size="2" id="k2" /></span>
<span id="zero2" style="display:none;">0</span><span id="show2"></span>
<span>mm</span>
<span style="cursor:pointer;">
<input type="button" value="退出" id="close" name="取消" /></span></li>
</div class="setting"> 展开
3个回答
展开全部
你看 是不是要这样的。。。
<html>
<head>
<script>
var $ = function (id) {
return "string" == typeof id ? document.getElementById(id) : id;
};
var up = "";
var down = "";
function load() {
$("ok").onclick = function () {
$("c").style.display = $("zero").style.display = $("zero2").style.display = $("ok").style.display = "none";
$("change").style.display = "";
$("show1").innerHTML = $("k1").value;
$("show2").innerHTML = $("k2").value;
};
$("change").onclick = function () {
$("c").style.display = $("zero").style.display = $("zero2").style.display = $("ok").style.display = "";
$("change").style.display = "none";
up = $("k1").value = $("show1").innerHTML;
down = $("k2").value = $("show2").innerHTML;
$("show1").innerHTML = $("show2").innerHTML = "";
};
$("close").onclick = function () {
$("zero").style.display = $("zero2").style.display = $("ok").style.display = "none";
$("change").style.display = "";
$("show1").innerHTML = up;
$("show2").innerHTML = down;
};
}
</script>
</head>
<body onload="load();">
<div class="setting">
<li style="margin-bottom: 2px;"><span>往上调整：</span> <span id="zero">
<input type="text" name="left" value="0" size="2" id="k1" /></span> <span id="show1">
</span><span>mm</span> <span style="cursor: pointer;">
<input type="button" value="修改" id="change" name="修改" style="display: none" /><input
type="button" value="确认" id="ok" name="确认" /></span> </li>
<li><span>往左调整：</span> <span id="zero2">
<input type="text" name="left" value="0" size="2" id="k2" /></span><span id="show2"></span>
<span>mm</span><span id="c" style="cursor: pointer;display: none;">
<input type="button" value="取消" id="close" name="取消" /></span></li>
</div>
</body>
</html>
<html>
<head>
<script>
var $ = function (id) {
return "string" == typeof id ? document.getElementById(id) : id;
};
var up = "";
var down = "";
function load() {
$("ok").onclick = function () {
$("c").style.display = $("zero").style.display = $("zero2").style.display = $("ok").style.display = "none";
$("change").style.display = "";
$("show1").innerHTML = $("k1").value;
$("show2").innerHTML = $("k2").value;
};
$("change").onclick = function () {
$("c").style.display = $("zero").style.display = $("zero2").style.display = $("ok").style.display = "";
$("change").style.display = "none";
up = $("k1").value = $("show1").innerHTML;
down = $("k2").value = $("show2").innerHTML;
$("show1").innerHTML = $("show2").innerHTML = "";
};
$("close").onclick = function () {
$("zero").style.display = $("zero2").style.display = $("ok").style.display = "none";
$("change").style.display = "";
$("show1").innerHTML = up;
$("show2").innerHTML = down;
};
}
</script>
</head>
<body onload="load();">
<div class="setting">
<li style="margin-bottom: 2px;"><span>往上调整：</span> <span id="zero">
<input type="text" name="left" value="0" size="2" id="k1" /></span> <span id="show1">
</span><span>mm</span> <span style="cursor: pointer;">
<input type="button" value="修改" id="change" name="修改" style="display: none" /><input
type="button" value="确认" id="ok" name="确认" /></span> </li>
<li><span>往左调整：</span> <span id="zero2">
<input type="text" name="left" value="0" size="2" id="k2" /></span><span id="show2"></span>
<span>mm</span><span id="c" style="cursor: pointer;display: none;">
<input type="button" value="取消" id="close" name="取消" /></span></li>
</div>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个不知道你JQ怎么写的，不过我知道怎么提取你输入的数字
这个是在你的$("#ok").click(function(){
var k1=$("#k1").val();
var k2=$("#k2").val();
})
然后你是怎么写的我就不知道了，我看了你提问的另外一个问题，但是貌似没有地方写，因为点了确定你的页面就回到了初始位置，和你写的这个好像不太一样
这个是在你的$("#ok").click(function(){
var k1=$("#k1").val();
var k2=$("#k2").val();
})
然后你是怎么写的我就不知道了，我看了你提问的另外一个问题，但是貌似没有地方写，因为点了确定你的页面就回到了初始位置，和你写的这个好像不太一样
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不太明白，确认要怎么样 ？ 推出要怎么样呢？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
