0

こんにちは、私は次のhtmlコードを持っています

<td>
  Question1
   <input type="radio" value="1" name="1" id="1_1">Agree
   <input type="radio" value="2" name="1" id="1_2">Dis-Agree
  <input type="text" size="30" name="1[answer]" id="1_answer" class="answer">
</td>
<td>
  Question2
   <input type="radio" value="1" name="2" id="2_1">Agree
   <input type="radio" value="2" name="2" id="2_2">Dis-Agree
  <input type="text" size="30" name="2[answer]" id="2_answer" class="answer">
</td>
<input type="text" size="30" name="feedback[answers]" id="feedback_answers">

私がやりたいことは

  • ユーザーがラジオ ボタンをクリックすると、選択した値が取得され、質問とともにテキスト ボックスに設定されます (例: 1_answer)
  • 一方、「feedback_answers」テキスト ボックスに同じ値を追加したい

私は最初のステップを管理していましたが、Ex: 1_answer テキスト ボックスから 'feedback_answers' テキスト ボックスへの値を取得できません。以下は私の JQuery コードです。

$(document).ready(function() {

    $("input:radio[type=radio]").click(function() {
       id = $(this).attr('id');
       ids = id.split("_")
       question_id = ids[0]
       answer_id = ids[1]
       $('#' + question_id + '_answer').val(answer_id);
       $(".answer").each(function(index, value){
         alert(this.val)
       });  
});

すべての「asnwer」テキスト ボックス (例: 1_answer) をループして、すべてを「feedback_answers」テキスト ボックスに取得したいと考えています。

前もって感謝します

4

1 に答える 1

1

これを試して

$(document).ready(function() {
    var feedback_answers = $("#feedback_answers");
    $("input[type=radio]").click(function() {
       var id = $(this).attr('id');
       var ids = id.split("_")
       var question_id = ids[0]
       var answer_id = ids[1];
       var answers = [];
       $('#' + question_id + '_answer').val(answer_id);
       $(".answer").each(function(index, value){
          //alert($(this).val())
          answers.push($(this).val());
       });  
       feedback_answers.val(answers.join());
});
于 2012-07-19T11:22:44.627 に答える