Javascript 根据另一个输入值设置所有输入值

我有以下资料：

<input type="text" value="100" name="setgroup50" />
<input type="submit" value="Set all" />
<input type="text" value="10" name="group50" />
<input type="text" value="10" name="group50" />
<input type="text" value="10" name="group50" />

总之，我有两个问题：

单击按钮时如何执行JavaScript？（我假设是onclick）

如何从“setgroup50”中获取变量并在上面的代码段中使用它

绑定

单击提交按钮上的
事件

使用属性值选择器从“设置”文本框中获取值

将该值设置为所有其他输入

$（文档）.ready（函数（）{
$（':submit'）。单击（函数（）{
$（'[name=“group50”]'）.val（$（'[name=“setgroup50”]'）.val（））；
});
});


单击按钮时如何执行JavaScript？（我假设是onclick）
您可以将它挂接到html元素

<input type="submit" value="Set all" onClick="function(){//CodeInHere}"/>

如何从“setgroup50”中获取变量并在上面的代码段中使用它

$('input').on('click', function () {
    var setgroup50Value = $('[name="setgroup50"]').val();
    $('[name="group50"]').val(setgroup50Value);
});


首先，您应该到这里学习jQuery。如果你打算做网站前端的工作，它将使你的生活和输出更好

第二，看看我为你创造的小提琴，回答你的问题。注意，我在左栏中包含了jQuery。如果没有这一点，jQuery代码将无法工作。还要注意jsfiddle.net本身。这是一个进行概念验证工作的好地方。然后，如果你有问题，你可以发布一个链接到你在这里所做的工作，人们可以提供帮助

我希望这有帮助。但在这里问更多“如何”的问题之前。学习一些jquery，并在fiddle中尽你最大的努力。如果您在找出代码无法按预期工作的原因时遇到问题，请在此处询问，并将链接发布到您的fiddle
 为什么要投反对票？我不知道为什么会有人投反对票。我个人没有投反对票，也没有投反对票的人没有解释为什么要辞职。但你被否决的原因是，你只是问如何做某事，而不必自己去尝试。如果你只找到了那个代码片段，显然很少有人用谷歌搜索它。因此，当您付出了努力并且在代码方面遇到问题时，这是一个获得帮助的地方。这里的正常过程是发布您尝试过的代码。最好创建一个fiddle（www.jsfiddle.net），这里的may很乐意提供帮助。我明白了，现在也明白了为什么会有反对票——我已经付出了努力，但这是一个时间敏感的项目，我在其他地方没有运气，我没有使用JavaScript的经验，这需要完成。对不起，如果我激怒了人们，但像这样寻求帮助是我最后的选择！诚然，这是一项简单的任务，但对于之前没有JavaScript经验的人来说，这似乎相当令人畏惧，就像我自己一样。谢谢你的帮助，我会在以后发帖前变得更有弹性。另外，谢谢你的编辑，朱哈娜。真的非常感谢你。我会尽力的。我以前听说过JSFIDLE，并且发现您可以将[name=”“]更改为[class=”“]，并且它的工作原理是一样的——这应该是我最初的问题。类，而不是名称！我再怎么强调感激也不过分-非常感谢您的帮助。学习jQuery。。。学习CSS3。。。Jquery使用CSS3选择器选择要操作的元素。类可以通过“$（'.className'）访问元素，“.”表示类。元素可以通过“$（'#ID'）通过ID访问。“#”表示ID。您可以使用$'（[class=”“]”或$（“[id=”“]”）执行相同的操作，但另一种方式更短。通过链接选择器，可以选择另一个图元中的所有图元$（'ul#mylist li'）将使用ID=“mylist”选择ul中的所有列表项。jQuery非常强大，非常有用。学习CSS3选择器将帮助您使用它。
$('input').on('click',function(){});

$('input').on('click', function () {
    var setgroup50Value = $('[name="setgroup50"]').val();
    $('[name="group50"]').val(setgroup50Value);
});

// "$(function(){" is a jquery short cut for the jquery function: 
// "$(document).ready(function(){ ... code goes here ... });"
// this function executes when the DOM is fully loaded.
// trying to set Event Listners like click handlers before the DOM has fully loaded 
// usually doesn't work. 
$(function(){
    // this add the "function" as a click event handler on the input with type="submit"
    $('input:submit').click(function(){
        // this sets the value of all inputs with the name="group50" 
        // to the value of the input with the name="setgroup50"
       $('input[name="group50"]').val($('input[name="setgroup50"]').val());
    });
});