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

随机推荐

  • 聚容美白修复精华露有用吗

    聚容美白修复精华露是一款针对美容修复的产品,主要功能是增强皮肤的保湿能力和改善肤色不均现象,让皮肤更加亮泽和光滑。聚容美白修复精华露真正有用吗?让我们从多个角度来分析。从产品成份来看,聚容美白修复精华露中含有多种有效成分,如透明质酸、维生素

    2024-04-15
    44200
  • 冬天超好用的平价润唇膏推荐,爱起皮沙漠唇必入好物

    寒冷的冬天会加速嘴唇水分的流失,如果没有油脂滋润,唇部肌肤不仅会觉得干痒,还非常容易脱皮开裂。下面,我整理了5款个人经常回购的唇膏,每支都很评价哦~Blistex小蓝罐修护唇膏这个唇膏应该是大家冬天必备的一个产品,加上的包装设计独特,价格也

    2024-04-15
    32700
  • 迷你盲盒套盒怎么做

    制作迷你盲盒套盒方法如下:材料:卡纸、剪刀、胶水等。1、在卡纸上画出如图所示大小的尺寸,用铅笔画出格子。2、沿着画痕折起来,最后用胶水粘好做成一个留有一个口的盒子。3、再用卡纸裁剪出一个如图大小的卡纸,裁剪掉边缘。4、将卡纸片插进去组合起来

    2024-04-15
    28800
  • 精华液在什么时候用 精华露用法

    我们平时护肤都会使用精华液,精华液的种类非常多,不同的精华液功效作用不一样,根据精华液的作用和质地来决定精华液的使用顺序最好。精华液在什么时候用精华液可以在早上洗脸以后使用,先使用爽肤水,然后再使用精华,最后用乳液和霜锁水。这样能让

    2024-04-15
    34700
  • 想问一下 洗面奶、爽肤水、精华液、保湿凝露、面霜、乳液 的使用顺序是什么

    精华液是护肤品中有效含量最高的,同时也是效果最好的,一般精华液都比较贵,欧美的动辄都是几千块,国产的也要好几百。但是这些都真的好用吗?其实很多精华液并没有那么好,相反有些不太知名的精华液倒是效果非常的好,后来才知道,好用是有道理的,比如研发

    2024-04-15
    41600
  • 93年康银阁套盒发行量

    康银阁大四连藏品名称第四套人民币四连体大全套(康银阁)  装帧单位北京康银阁钱币有限公司  发行时间2002年3月  发行数量100000册(约60000册被非法裁切成第四套大全套全同号)  藏品面值12912  藏品内容收录了第四套人民币

    2024-04-15
    27500
  • 天气丹用完了 可以买小样装进去吗

    可以装小样进去。一般来说买小样会比正装更实惠一些的。天气丹是一个属于化妆品行业的品牌(商标号14892164),所有方是天气丹化妆品有限公司,该品牌于2016年5月21日在广东省广州市创立。品牌理念:做好民族品牌和产品,讲好中国文化和故事。

    2024-04-15
    35400

发表评论

登录后才能评论
保存