如何用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

随机推荐

  • 身材微胖的女生上班该怎么穿?

    身材微胖的女生,稍微在穿搭上打扮一下,便会非常的光彩照人。 身材微胖的女生一般都有一个优点,那就是上围傲人。 因此,身材微胖的女生穿衣反而比常人有优势。如上图的MM,穿一件修身的长袖T,然后搭配一条牛仔短裤,本来很普通的穿搭,但因为女孩

    2024-04-15
    56300
  • 阿富汉的地理环境,国旗,自然条件,人文特色和宗教文化有什么?

      阿富汗概况  国名: 阿富汗 (Afghanistan)  独立日:8月19日(1919年)  阿富汗新年(阿历):3月21日  独立纪念日:8月19日  开斋节:(每年日期不定,随伊斯兰阴历而变)  古尔邦节:(每年日

    2024-04-15
    48500
  • 鱼子酱提取物鱼子精华的作用是什么可以对肌肤有什么样的效果?

    鱼子酱提取物或鱼子精华对肌肤有多种益处。1 鱼子酱提取物富含多种营养成分,包括蛋白质、多种氨基酸、高度不饱和脂肪酸、叶酸、维生素和微量元素等。这些成分对于肌肤细胞的健康和活力至关重要。2 鱼子酱提取物中的胶原蛋白增强剂和蛋白质交联抑制剂,能

    2024-04-15
    57700
  • 露伊薇丹白金套盒怎么样好不好用

    比较好用。露伊薇丹白金套盒采用贵重的白金粉末作为主要成分,同时还含有丰富的多肽、胶原蛋白、海洋活性物质等丰富的保养成分。这些精华成分均富含小分子活性物质,可以深层渗透肌肤,保护肌肤,增强肌肤弹性,提升皮肤保水能力。这套化妆品价格是300多,

    2024-04-15
    57200
  • 精华露和精华液的区别(精华露和精华液的区别及使用)

    在护肤步骤中少不了要用到精华,平时我们在护肤中常听到精华露和精华液,这两者是一样的东西吗?下面来说一下精华露和精华液的区别及使用方法,希望对大家能有所帮助。 长久以来精华类的护肤品作用是十分明显的,很多人都非常喜欢这种产品。一般 而言精华类

    2024-04-15
    48100
  • 妮维雅补水保湿爽肤水怎么样

    妮维雅补水保湿爽肤水属于一款任何肤质的人群都可以使用的,因为是爽肤水所以使用的感觉非常情况不会油腻,而其中也添加了一些保湿成分,所以还可以起到不错的补水保湿功效。在这款爽肤水同时也蕴含了抗氧化的成分,所以可以有效舒缓肌肤的同时,还可以起到预

    2024-04-15
    45900
  • 天气太套盒里面那个棍儿是干嘛用的

    天气丹的小勺子是用来取用护肤品, 尤其是眼霜的,因为眼霜每次只需要点涂一点点就能让眼周的肌肤得到充分的滋润,如果用手蘸取, 可能会涂抹过多,造成浪费的同时还有可能导致眼角产生脂肪粒,影响使用效果,所以使用小勺子可以很好地掌控。天气丹套盒是用

    2024-04-15
    40500

发表评论

登录后才能评论
保存