Question

我有四个输入字段，两个文本和两个隐藏。

HTML：

<input type="text" name="pie1" class="green" id="pie1" value="Hello"/>
<input type="hidden" name="hPie1" value="green">
<input type="text" name="pie2" class="green" id="pie2" value="Goodbye"/>
<input type="hidden" name="hPie2" value="green">

我的脚本代码：

<script>
$(document).ready(function(){   
 $('input:text').click(function( ){
  $(this).toggleClass('green red');
 });
})
 </script>

问题：如何将隐藏字段的值更改为在单击输入框的同时切换的连贯文本字段类？感谢您提供的任何帮助。

Answer 1

$(document).ready(function(){   
 $('input:text').click(function( ){
  $(this).toggleClass('green red');
  $(this).next().val($(this).attr('class'));
 });
})

应该工作！假设隐藏的输入总是直接在文本输入之后。

Answer 2

在<$（this）.toggleClass（'green red'）;

之后

添加$('input[name="h' + $(this).name() + '"]').val($(this).val())

注意 - = $(this).name()元素的语法可能不正确，但这就是想法。

Answer 3

解决问题的第一个快速解决方案。

<script>
$(document).ready(function(){   
    $('input:text').click(function( ){
        $(this).toggleClass('green red');
        $(this).next().val($(this).attr('class'));
     });
})
</script>

如何使用jQuery从另一个输入文本字段更改隐藏字段的值？

3 个答案: