2012-07-19 57 views
0

嗨,我有以下的HTML代碼如何通過JQuery遍歷這個textboxs

<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' 文本框

我管理的第一步,但我不能得到防爆值: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'文本框。

在此先感謝

+0

如果不是那些答案箱,而是''元素不是'單曲? – Bergi 2012-07-19 11:20:58

回答

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()); 
}); 
+0

這個作品,非常感謝 – sameera207 2012-07-19 19:55:53