如何用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 成分:多芬的洁面泡泡含有月桂酰,配合常见的增泡剂,达到清洁肌肤的效果。而妮维雅的洁面泡沫中确实含有低含量的皂基,所以对皮肤有干燥或刺激的现象。2 质

    2024-04-15
    47600
  • 怎样鉴别我买的妮维雅是不是真的呀

    以下是鉴别妮维雅是否为正品的一些方法:1 从包装的印刷上看,正品背面的文字印刷柔和,字体略扁,文字之间的距离均等。而大部分假货的文字印制的颜色都比较深,字体看起来细长,印刷的也不是很细致,上下行之间的距离有偏差。有的文字印制的还有重影。2

    2024-04-15
    42300
  • 京东后的套盒是真的吗

    京东超市的东西是正品。 1、京东是国内享誉盛名的B2C网上商城,与天猫一样均属于B2C商城,不同于淘宝的C2C,京东是直接面向消费者服务的,而淘宝存在商品的伪劣和不正规的的现象。对于B2C商城,您可以放心购买商品。 2、与天猫不同,虽然同属

    2024-04-15
    41100
  • 精华露和精华液的区别

    精华露和精华液的区别在于质地不同、使用方法不同、适合人群不同。1、质地不同精华露是高浓缩后的护肤品,例如著名品牌SK神仙水就是这类型的产品,质地较为粘稠,更适合干性皮肤使用。但对于油性肌肤,因为油脂分泌旺盛的缘故,不太适合多种精华类的护肤品

    2024-04-15
    21700
  • 奥洛菲多肽嫩活青春悦享套盒怎么样

    好。1、知名度高。是一家非常知名的品牌,其产品覆盖了众多的需求。高性价比的特点,广受消费者的欢迎。2、在质量上也是非常有保障的。该品牌在制造上使用了最新的技术和先进的设备,以确保每个的质量和可靠性。其产品质量通过了严格的测试和认证,可以放心

    2024-04-15
    26800
  • 护肤品中啫喱 凝露 精华露是什么意思 分别是什么作用 它们的使用步骤是怎么样?

    1、啫喱都是渗透性非常好的产品,它可以有效打开肌肤毛孔通道促进后续护肤产品的吸收,同时啫喱成分本身也能帮助皮肤增加含氧量和含水量,通常啫喱产品都可以直达皮肤的深层,帮助皮肤捕捉氧气,锁住水分。有些含有特殊成分的啫喱,能有效去除表皮老化角质,

    2024-04-15
    33600
  • 孕妇用的沐浴露哪个牌子好?怎样的沐浴露比较适合我?

    我认为比较好的沐浴露首先成分得安全,最好不含香精、防腐剂和刺激成分皂基和一些其他有害成分。要找适合自己的就要了解自己的皮肤状态和当前的需求哦,这几款你可以试试,都是我找到的还不错的。1 Aola'KD傲来国沐浴露这款沐浴露糅合了香

    2024-04-15
    28800

发表评论

登录后才能评论
保存