この問題のデモをセットアップしました 。DEMOをクリックしてアクセスできます。
- ステップ 1: デモを開いたときに、[グリッドを開く] リンクをクリックし、[7] ボタンを選択します。これにより、テキストボックスと 7 文字のボタンが下に表示されます。
- ステップ 2: 選択した文字の下にある 2 つの文字ボタンを選択します。（緑色になるとボタンが選択されています）
- ステップ 3: 左側に緑色のプラス ボタンが表示されます。それをクリックすると、モーダル ウィンドウが開きます。
- ステップ 4: モーダル ウィンドウに検索バーがあり、「AAA」と入力して検索を送信すると、一連の行が表示されます。
- ステップ 5: 最初の行で、[回答数] 列の下に数字 1 が含まれていることがわかります。この行内の [追加] ボタンをクリックすると、モーダル ウィンドウは閉じますが、「回答数」という問題があります。 Answers」テキストボックスに「1」が表示されません。「2」と表示されますが、その理由は次のとおりです。
問題：
「回答数」テキストボックスでは、追加された行内の「回答数」列の下に数字「1」が記載されているように数字1を表示する必要がありますが、テキストボックスに1が表示されず、表示されます番号 2 と、この番号が表示されている理由は、以下のコード行があるためです。
これは、次のコードが原因で発生しています。
$('.answertxt', context).val(context.find('.answerBtnsOn').length > 0 ? context.find('.answerBtnsOn').length : '');,
しかし、$('.gridBtns').on('click', function()私はこのコードが必要です。
このコードが必要な理由は、7 文字のボタン「AG」があり、すべての文字ボタンをオンにすると、テキスト ボックスに数字の「7」が表示されるためですが、気が変わって 5 文字のみを表示したい場合ボタン「AE」の場合、テキストボックスは「7」から「5」に変わり、現在は 5 つのボタンのみがオンになっています。そのため、このコードが必要です。
私の質問は、ユーザーが「追加」ボタンをクリックした場合、追加された行内の「回答数」列から数値をテキストボックスに表示するにはどうすればよいですか?
以下は、「追加」ボタンがクリックされたときにテキストボックス内に数字を表示すると思われるコードです...
function addwindow(numberAnswer, gridValues, btn) {
$('#mainNumberAnswerTxt').val(numberAnswer);
$('#btn'+gridValues).trigger('click');
}
ただし、 このコード行がこの関数をトリガーし、その関数には、ユーザーがグリッド ボタンをクリックした後に現在オンになっているボタンの数をチェックする以下のコードがあるため、$('#mainNumberAnswerTxt').val(numberAnswer);は上書きされます。"$('#btn'+gridValues).trigger('click');"$('.gridBtns').on('click', function()
$('.answertxt', context).val(context.find('.answerBtnsOn').length > 0 ? context.find('.answerBtnsOn').length : '');,