Question

这是我的代码，用于将textbox1的文本反映到另一个在keyup上调用textbox1a的文本框中。当他们只有一个时，这是好事。我的问题是，如果该类与另一个类相同，我如何反映每个文本框值？这是我的代码：

＆＃13;

$(".textBox1").keyup(function(){
   $(".textBox1").val($(this).val());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div>
    TextBox 1 : <input type="text" class="textBox1" class="valueEnter"></input>

    TextBox 1a : <input type="text" class="textBox1"></input>
    <br/>
    TextBox 2 : <input type="text" class="textBox2" class="valueEnter"></input>

    TextBox 2a : <input type="text" class="textBox2"></input>
</div>

＆＃13;

Answer 1

您可以获取输入类型text的类名，然后添加逻辑：

＆＃13;

$("input[type=text]").keyup(function(){
   var className = $(this).attr('class').replace('valueEnter','').trim();
   $("."+className).val($(this).val());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
    TextBox 1 : <input type="text" class="textBox1 valueEnter"/>

    TextBox 1a : <input type="text" class="textBox1"/>
    <br/>
    TextBox 2 : <input type="text" class="textBox2 valueEnter"/>
 
    TextBox 2a : <input type="text" class="textBox2"/>
</div>

＆＃13;

请注意，它是type=text而不是type=textbox。既然，你有两个valueEnter的类，我想修改一下我们在JQuery代码中为valueEnter选择一个类时跳过类名textbox。

Answer 2

您可以使用解决方案

＆＃13;

$('input[type="text"]').keyup(function(){
  $('.' + $(this).attr('class')).val($(this).val());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
    TextBox 1 : <input type="text" class="textBox1" class="valueEnter" />
    TextBox 1a : <input type="text" class="textBox1" />
    <br/>
    TextBox 2 : <input type="text" class="textBox2" class="valueEnter" />
    TextBox 2a : <input type="text" class="textBox2" />
</div>

＆＃13;

<input type="text">而非<input type="textbox">。

在keyup上查找相同的课程。

希望这会对你有所帮助。

如果类是相同的，如何将文本框的输入反映到另一个文本框？

2 个答案: