javascript - 为什么请求呈指数级增长？

Question

    echo '<tr>';
    foreach($types_show[0] as $size) {
        echo '<td>'.Form::radio('radio_size', $size->id) '</td>';
    }
    echo '</tr>';

这是单选按钮的列表。 我使用以下ajax代码将值发送到php页面。

$(':radio[name=radio_size]').click(function(){
    var radio_size = $(this).val();
    $.ajax({
        type: "GET",
        url: "/management/order/edit_input",
        data: {radio_size:radio_size},
        cache: false,
        dataType: 'json',
        success: function(data) {
            $('#search_area').append(data);
        },
    });
    });

PHP 代码返回一个附加到现有#search_area 的 View 页面。 问题是当我第一次点击 id=7 的 radio 时，它发送

GET http://localhost:8008/management/order/edit_input?radio_id=7&_=1410246332142

第二次点击id=2的 radio

GET http://localhost:8008/management/order/edit_input?radio_id=2&_=1410246332143
GET http://localhost:8008/management/order/edit_input?radio_id=2&_=1410246332144

第三次你可以看到四个。

GET http://localhost:8008/management/order/edit_input?radio_id=7&_=1410246332145
GET http://localhost:8008/management/order/edit_input?radio_id=7&_=1410246332146
GET http://localhost:8008/management/order/edit_input?radio_id=7&_=1410246332147
GET http://localhost:8008/management/order/edit_input?radio_id=7&_=1410246332148

但我只想一次发送一次，如何解决？ 谢谢。

Answer 1

$(':radio[name=radio_size]') 选择迄今为止所有可用的 radio 。修复它并给出名称/ID。