php – 使用onClick on javascript增加变量值并在HTML表单上显示

发布时间：2020-12-13 17:17:26 所属栏目：PHP教程来源：网络整理

导读：我正在编写一个名为League of Legends的游戏的粉丝网站和我的用户,他们想要创建角色构建,应该点击技能图标并给它一点. (最多30分) 一个现实的例子在这里： http://www.solomid.net/masteries.php 你基本上有30分.当您单击技能图像时,它会为该技能添加一个点.

我正在编写一个名为League of Legends的游戏的粉丝网站和我的用户,他们想要创建角色构建,应该点击技能图标并给它一点. (最多30分)

一个现实的例子在这里：
http://www.solomid.net/masteries.php

你基本上有30分.当您单击技能图像时,它会为该技能添加一个点.

因为我是JS& amp;的初学者. jQuery,我想问一下：

>我现在可以创建一个div并给它“onClick =”警告(‘我被点击.’);“参数以便当有人点击div时它会发出警报.我需要更新一点,让我们说：>用户点击div.(例如,假设它目前是0/4技能值)
> 0增加1,变为1/4.
>用户重复3次,获得4/4分技能.
>此值应发布到PHP页面,因此保存在表单中.
我怎样才能做到这一点？你能举个例子说明它在jQuery中是如何工作的吗？
>正如您所看到的,当您单击技能时,它会在哈希字符串后生成一个int值.

例如; #0332000000000000003000000000000000000000000000000

这个字符串的含义是,
[skill1_value] [skill2_value] [skill3_value] … [skillLast_value]

所以如果你看到这样的价值;

30001(其余为0)

这意味着,用户在“第一技能”上点击了3次,没有点击接下来的3个技能.点击第五个技能一次.

而不是将每个表单值发布到PHP,我只会发布哈希字符串的整数值.其余的计算将使用PHP完成.

TL; DR版本

>想象一下3x div. (div1,div2,div3)
>想象一下每个div在屏幕上包含可见的数字值. (val1,val2,val3)
>默认情况下,所有值均为0.
>如果单击div1,则val1值应增加1.如果单击div2,则val2值应增加1,依此类推.
>新值应始终显示在HTML输出中.
6当用户点击“保存”时,它应生成如下字符串：
(val1 val2 val3 …)(例如716)

任何帮助是极大的赞赏.我知道这是一个初学者的问题,因此链接到文章也很有用.

解决方法

这是一个示例,其中包含最大值以及您必须使用多少点的上限.

http://jsfiddle.net/2Q2SS/2/

var remaining = 5;
var MAX_VALUE = 4;
$('.clickybox').click( function(el) {
    if (remaining == 0)
        return;
    var resBox = $(this).find('.result');
    var curVal = resBox.attr('_data-value');
    if (!curVal)
        curVal = 0;
    if (curVal >= MAX_VALUE)
        return;
    curVal++;
    remaining--;
    resBox.text(curVal + '/4');
    resBox.attr('_data-value',curVal);

    alert($('.result').map(function() { 
        var s = $(this).attr('_data-value'); 
        if (s == undefined) s = '0'; 
        return s; 
    }).get().join('-'));
});

编辑：为清楚起见更新

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!