Javascript 将Keyup函数转换为form元素

我有一个脚本，用于使用

keyup blur paste

将一个字段复制到另一个输入字段。这个脚本可以工作，但是我需要修改它，使其也进入两个不同的表单元素，它们被命名为

data cost=“”

和

debt=“”

，而不是

这是我现在的脚本：

$(function () {
    $('#account_balance1').on('keyup blur paste', function() {
        var self = this;
        setTimeout(function() {
            var str = $(self).val();
            $("#viewer").text(str.replace(/^\$/, ''));
        }, 0);
    });

    $("#viewer").text($('#Website').val().replace(/^\$/, ''));
});

这是html：

<!--This where I get the value from -->
<input type="text" class="balance" id="account_balance1" name="cardb" value=""/>

<!--the first 2 elements are where I need the values to go -->
<input data-cost="" debt="" value="" type="checkbox" name="f_2[]"/>  

---

那就用那个选择器吧

$("input[data-cost][data-debt]")

---

我认为您可能对数据属性的用途有一个根本性的误解？你知道他们不会随表格一起发布吗？我认为您需要的是数据函数，它允许您设置数据属性

也许您想要数据成本和数据债务

因此，如果您的输入如下所示：

<input data-cost="" data-debt="" value="" type="checkbox" name="f_2[]" id="checkboxId" />

var value1="some value";
var value2="another value";
$('#checkboxId').data('cost', value1);
$('#checkboxId').data('debt', value2);

我不认为像上面那样简单地命名为“debt”的属性是有效的。

我会这样做（setTimeout没有用）：

}))

必须稍微修改html标记：

<!--This where I get the value from -->
<input type="text" class="balance" id="account_balance1" name="cardb" value="" />

<!--the first 2 elements are where I need the values to go -->
<input data-cost="" data-debt="" value="" type="checkbox" name="f_2[]" />

<!--I added the viewer to check if everything works properly -->
<div id="viewer"></div>

---

如果您需要将两个属性（数据成本和债务）分别设置为您需要的值：

$("input[data-cost][debt]").attr('data-cost',str.replace(/^\$/, ''));
$("input[data-cost][debt]").attr('debt',str.replace(/^\$/, ''));

---

实际上我不知道你们是否误读了这个问题，但我不再需要观众了。但是更改元素的名称是可以的。哦，我还以为你希望你的脚本可以同时使用查看器和复选框。没关系，谢谢你的帮助，我只是想让你知道。我在这个问题上写了“而不是

”。我不知道当我开始写这篇文章的时候我应该做什么，所以我只是改变了数据的去向。是的，但是你也写了“我需要修改它，使它也变成两个不同的表单元素”：pYep你是对的，我需要校对得更好，抱歉。我现在正在尝试，看看是否可以让它工作。我知道，我正在使用它们来实现页面上的另一个jquery函数。该页面是信贷顾问的债务消除工作表。该页面具有多个计算功能。我并没有写所有的东西，我只是个新手：）你是说把它们都放在

var str=$（self.val（）下

和replace

$（“#查看器”）.text（str.replace（/^http\：\/\/，''）$("input[data-cost][debt]").attr('data-cost',str.replace(/^\$/, ''));
$("input[data-cost][debt]").attr('debt',str.replace(/^\$/, ''));