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

时间:2015-10-30 15:52:08

标签: javascript jquery

我有以下内容:

<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" />

我试图让“group50”输入的所有值等于“setgroup50”字段中的用户输入。

我发现了这个,但不知道该怎么做:

$(".group50").val("test");

总结一下,我有两个问题:

  1. 单击按钮时如何执行JavaScript? (我假设onclick)
  2. 如何从“setgroup50”中获取变量并在上面的代码段中使用它?

3 个答案:

答案 0 :(得分:1)

  1. 在提交按钮
  2. 上绑定public static void main(String[] args) { for (String text : new String[] {text = "hello", text, text, text}) System.out.println(text); } 个事件
  3. 使用属性值选择器
  4. 从set-textbox中获取值
  5. 将值设置为所有其他输入
  6. &#13;
    &#13;
    click
    &#13;
    $(document).ready(function() {
      $(':submit').click(function() {
        $('[name="group50"]').val($('[name="setgroup50"]').val());
      });
    });
    &#13;
    &#13;
    &#13;

答案 1 :(得分:1)

  1. 单击按钮时如何执行JavaScript? (我假设onclick)
  2. 您可以将其挂钩到html元素

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

    或添加事件监听器

    $('input').on('click',function(){});
    
    1. 如何从“setgroup50”中获取变量并在上面的代码段中使用它?

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

答案 2 :(得分:0)

首先,你应该去http://google.com/?q=jquery+tutorial+for+beginners并学习jQuery。如果您要进行网站前端工作,它将使您的生活和产出更好。

第二次看看我为你回答你的问题所创造的小提琴。请注意,我在左侧栏中包含了jQuery。没有这个,jQuery代码将无法工作。还要记下jsfiddle.net本身。它是概念验证工作的好地方。如果您遇到问题,可以发布您在此处完成的工作的链接,人们可以提供帮助。 http://jsfiddle.net/p23eyqge/

{{1}}

我希望这会有所帮助。但在问更多&#34;如何&#34;问题在这里。学习一些jquery并给你最好的小提琴。如果您在查明代码无法按预期工作的原因时遇到问题,请在此处查询并发布指向您小提琴的链接。