他の入力テキストフィールドからjQueryで非表示フィールドの値を変更するにはどうすればよいですか？

Question

私は4つの入力フィールドに2つのテキストと2つの隠しフィールドを持っています。

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

問題の最初の速い解決策です。

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

Answer 2

`$（this）.toggleClass（ 'green red'）の後。

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

メモを追加 - = $(this).name()要素が間違った構文を持っているかもしれないが、それはアイデアです。

Answer 3

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

隠れた入力が常にテキスト入力の直後に来ると仮定します。