更改文本框的位置

Question

如何在视图加载中更改这些文本框的位置？

我想在加载页面时将这些chexbox放在正确的单选按钮下。

当我点击一个单选按钮时，我已经拥有它，但没有在负载中。

这是我的代码：http://jsfiddle.net/Y3qN5/1/

$(document).ready(function() {
    $('input[type="radio"]').click(function() {
        var home = $(this).closest('div');
        var div = $('#parametersFinancial').detach().appendTo(home);
    });
});

Answer 1

只需在加载元素时调用函数：http://jsfiddle.net/Y3qN5/2/

$(document).ready(function() {
    $('input[type="radio"]').click(function() {
        doStuff($(this));
    });

    doStuff($('checked radio button'));
});

Answer 2

这样的事情：

JSFiddle：http://jsfiddle.net/TrueBlueAussie/Y3qN5/8/

$(document).ready(function() {
    var moveIt = function($element){
        var home = $element.closest('div');
        var div = $('#parametersFinancial').appendTo(home);
    }
    $('input[type="radio"]').click(function() {
        moveIt($(this));
    });
    moveIt($("input[type=radio]:checked"));
});

基本上提取完成工作的位并在加载和点击时调用它。

注意：您不需要detach，因为DOM元素将被appendTo移动