如何用html实现 每点击一下按钮,按钮旁边显示的数字加1 注意:数字要以Label形式显示,无法输入的;谢谢

如何用html实现 每点击一下按钮,按钮旁边显示的数字加1 注意:数字要以Label形式显示,无法输入的;谢谢,第1张

<input type='button' onclick='plus()' value='点击我'/><span id='num'>1</span>

<script>

function plus()

{

var n=documentgetElementById("num");

ninnerHTML=parseInt(ninnerHTML)+1;

}

</script>

参考这段代码

母版页

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPagemastercs" Inherits="MasterPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "http://wwww3org/TR/xhtml1/DTD/xhtml1-transitionaldtd">

<html xmlns="http://wwww3org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<asp:Label ID="Label1" runat="server" Text="用户名"></asp:Label>

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

</form>

</body>

</html>

内容页后台代码

protected void Page_Load(object sender, EventArgs e)

{

string str = (MasterFindControl("Label1") as Label)Text;

//获得母版页ID为Label1的控件的文本属性即你LABEL控件中的用户名。

ResponseWrite("<script>alert(" + str + ")</script>");

//此弹出对话框用来测试获取的内容,确认获得的内容是否是母版页上LABEL控件上的用户名。

}

html的话,用JS 使用value属性赋值。IE8下 通过测试。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" " http://wwww3org/TR/xhtml1/DTD/xhtml1-transitionaldtd"><html xmlns=" http://wwww3org/1999/xhtml">

<head>

<title>无标题页</title>

<script type="text/javascript">

var cost = 0;function add(objid)

{

documentgetElementById(objid)value++;

}

function Less(objid)

{

documentgetElementById(objid)value--;

}</script>

</head>

<body> <p>

<input id="v1" type="text" value="1" /><input id="Button1" type="button"

value="+" onclick="add('v1')" /><input id="Button2" type="button" value="-" onclick="Less('v1')"/></p>

<p>

<input id="v2" type="text" value="10" /><input id="Button3" type="button"

value="+" onclick="add('v2')"/><input id="Button4" type="button" value="-" onclick="Less('v2')"/></p></body>

</html>

欢迎分享,转载请注明来源:品搜搜测评网

原文地址:https://pinsoso.cn/meirong/2761071.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-12-28
下一篇2023-12-28

随机推荐

  • 精华液一般怎么用 精华液的使用方法

    1、精华液的正确使用方法弄清楚了精华液的使用顺序后,美眉们应正确使用精华液来护理皮肤。首先需要清洁干净面部皮肤,然后取适量的精华液,涂抹的时候尽量避开眼睛,而后用手掌轻轻按压面部的T区和U区部位,由下往上的方式轻柔按压,以确保精华液充分被皮

    2024-04-15
    61900
  • sk2精华露使用顺序

    第1个步骤就是先进行面部的清洁,清洁完了之后需要在脸上拍一点爽肤水,接着需进一步的修复,用旗下的补水保湿修复精华露来进行修复,那这款精华露当中所含有的pitera乃是神仙水的整整4倍,所以能达到强效保湿补水的效果,绝对是干皮的救星。在这个步

    2024-04-15
    60000
  • 洗面奶 面膜 爽肤水 精华油 芦荟胶 精华液 面霜 乳液 求早晚使用顺序…

    早晚护肤是每个人都需要的日常,而正确的使用顺序可以让你的肌肤更加健康亮丽。以下是洗面奶、面膜、爽肤水、精华油、芦荟胶、精华液、面霜和乳液的正确使用顺序:要用洗面奶彻底清洁皮肤。将适量洗面奶涂在手心,按摩脸部并轻轻揉搓,再用温水冲洗干净。在清

    2024-04-15
    58900
  • 纯露哪个牌子好,纯露什么牌子的好,纯露品

    纯露的品牌和品质因地区和产品类型而异。以下是一些在纯露领域表现良好的品牌: FLORIHANA:来自中国的品牌,以天然护肤理念和高品质的有机成分著称,备受世界各地芳疗爱好者的推崇。 奥莎蒂:奥莎蒂是意大利著名的高端护肤品品牌,产品包含海洋生

    2024-04-15
    46300
  • 香奈儿的产品怎么样?哪些值得买?

    香奈儿品牌产品线这么多,我个人觉得有的好用,有的性价比不高。护肤线的话,感觉不是他们家的主打,印象中美妆博主们也都比较少提到香奈尔家的护肤品。我用过他们家的山茶花系列,保湿效果还可以,但是同等价位还有更多的选择。不过香奈儿讨人喜欢的一点是:

    2024-04-15
    27200
  • 淡斑精华液排行榜10强

    淡斑精华液排行榜如下:1、玉兰油(OLAY)抗糖小白瓶精华液(光感小白瓶)。olay新升级第四代小白瓶革新抗糖美白科技, 缓解皮肤暗黄。2、科颜氏(Kiehl's)新集焕白均衡亮肤淡斑精华液。科颜氏淡斑精华液是主打维生素C成分的一

    2024-04-15
    59000
  • 最好用的平价美白精华 美白淡斑精华推荐

    在改善皮肤色调上,美白精华是不能缺席的。我在上高中的时候就开始使用美白精华,而且这多年也总结出一些经验。我整理出了五款价格亲民,效果很好的美白精华淡斑产品,款款都是实力派,效果不比大牌差!1、自然堂凝时小紫瓶精华液参考价格:115元这款精华

    2024-04-15
    36500

发表评论

登录后才能评论
保存