单击按钮后如何在另一个表单中显示结果?

时间:2010-08-03 07:12:40

标签: jquery

我有两种形式。 在表格1中有:

1. one group of radiobutton
    <input id="def1" type="radio" class="defect" name="defect" value="S"/>S
    <input id="def2" type="radio" class="defect" name="defect" value="A" />A
    <input id="def3" type="radio" class="defect" name="defect" value="B" />B
    <input id="def4" type="radio" class="defect" name="defect" value="C" />C

2. <button id="accept" value="accept">accept</button>
   <button id="reject" value="reject">reject</button>

表格2:

1. <input type="text" id="class">
2. <input type="text" id="status">

例如,如果我从radiobutton中选择A,然后点击reject,则表单2可以显示结果:

at id="class" is A and at id="status" is reject

2 个答案:

答案 0 :(得分:1)

$(document).ready(function() {
    var selectedDefect;
    $('input[name="defect"]').click(function() {
        selectedDefect = $(this).val();
    });
    $('#accept').click(function() {
        $('#class').val(selectedDefect);
        $('#status').val('accept');
    });
    $('#reject').click(function() {
        $('#class').val(selectedDefect);
        $('#status').val('reject');
    });
});

答案 1 :(得分:0)

@sabbour我认为用“”,

包装名称是错误的

而不是

$('input[name="defect"]').click(function() {
   selectedDefect = $(this).val(); 
});

应该是

$('input[name=defect]').click(function() {
   selectedDefect = $(this).val(); 
});