gpt4 book ai didi

javascript - 使用 Javascript 在按钮单击时执行 2 个函数

转载 作者:太空宇宙 更新时间:2023-11-03 23:55:45 26 4
gpt4 key购买 nike

我问了几个与此相关的问题,都得到了很好的回答,所以我希望能得到更多相关的好的答案。

我在一个页面上有 9 个按钮,带有文本输入。当用户单击其中一个按钮时,他们放入文本输入字段的文本将传输到该页面上的另一个文本框,但我还希望该按钮更改颜色。

那么我的 html 是这样的:

<input id="fbvalbox" type="text" placeholder="Your personal message" />
<input id="butval1" class="butz" type="button" name="design1" value="Choose Design" onclick="changeID(this);" />

那是一个文本框,一个按钮。所以,这是我的另一个盒子,我想把在那个盒子里输入的信息传给这个盒子。

<input id="design_choice" type="text" value="" />

现在对于我的 javascript,这是将消息传输到我的设计选择文本框的脚本。

window.onload = function(){
document.getElementById('butval1').onclick = function(){
document.getElementById('design_choice').value = document.getElementById('fbvalbox').value;
}

效果很好,但我还希望按钮改变颜色。

因此,我将 onclick="changeId(this)"添加到第一个框,但它不起作用。这是一个单独的 .js 文件,但也在页面的头部。

function changeID(elm){
var NAME = elm;
var currentClass = NAME.className;
if (currentClass == "butz") {
NAME.className = "butzz";
} else {
NAME.className = "butz"; }

现在,如果我单独使用它,效果很好,但我想同时执行这两个 onclick。第一个,我已经写出来让它通过 Id 传递值。而第二个js,是写改css类的

我希望两者都运行。任何帮助深表感谢。

谢谢

最佳答案

既然用了jQuery标签,为什么不用jQuery解决方案

<input id="fbvalbox" type="text" placeholder="Your personal message" />
<input id="butval1" class="butz" type="button" name="design1" value="Choose Design" />
<input id="design_choice" type="text" value="" />

然后

function changeID(elm) {
$(elm).toggleClass('butz butzz')
}

jQuery(function($){
$('#butval1').click(function(){
$('#design_choice').val($('#fbvalbox').val())
})
})

jQuery(function($){
$('#butval1').click(function(){
changeID(this)
})
})

演示:Fiddle

关于javascript - 使用 Javascript 在按钮单击时执行 2 个函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18754321/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com