c# - JQuery対。C#: マスター テキスト ボックスの使用

Question

ページに 100 以上のテキストボックスのリストがあります。それらすべてをその値に変更できるテキストボックスを上部に1つ配置したいのですが、他のものを独立させることができます(すべてに対して1つの変数を使用しても機能しません)。それらは、マスターが「すべて変更」として機能する一種で、個別に変更できる必要があります。

私の質問は、C# でループしてポストバックを実行することで、これがうまく機能するかどうかです。または、jqueryでそれらすべてを動的に変更できますか? どちらをお勧めしますか？

Answer 1

jquery ですべてを変更することを強くお勧めします。次のような単純なものにすることができます。

$('#txt_Master').change(function() {
    $('.childTextBoxes').val($(this).val());
});

Answer 2

jQuery を使用するのが最善の選択肢です。サーバー側のコントロールを使用すると負荷がかかりすぎるためです。

このフィドルをチェック

<input type="text" class="master"/>
<input type="text" class="child"/>
<input type="text" class="child"/>
<input type="text" class="child"/>
<input type="text" class="child"/>
<input type="text" class="child"/>
<input type="text" class="child"/>
<input type="text" class="child"/>
<input type="text" class="child"/>
<input type="text" class="child"/>
<input type="text" class="child"/>
<input type="text" class="child"/>
<input type="text" class="child"/>​

$(document).ready(function() {
    $('.master').on('change', function() {

       $('.child').val(  $(this).val() );
    });
});​