如何通过JQuery迭代这个文本框

时间:2012-07-19 11:12:43

标签: javascript jquery html

您好我有以下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)并将所有这些文本框中的所有文件框都包含在内。

提前致谢

1 个答案:

答案 0 :(得分: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());
});