jquery - 更改文本框的位置

标签 jquery html css

如何更改这些文本框在我的 View 加载中的位置?

我希望在加载页面时将这些复选框置于正确的单选按钮下。

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

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

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

最佳答案

像这样:

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

移动

关于jquery - 更改文本框的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23740668/

相关文章:

javascript - 用于选择重复日期的 jQuery 输入(RRULE 规范 RFC 5545)

jquery - 无法为 jQuery Mobile 按钮元素设置动画

javascript - 输入内容后需要调整文本编辑器中的字段

.net - 在数据库中保存格式化文本的有意义的格式是什么?

html - 如何设置父项的样式,而不是子项

javascript - 循环避免重复代码

html - 当我们减小浏览器窗口大小时,CSS 字体大小百分比不会减小

html - CSS 中的 Div 定位会改变 body 定位吗?

jquery - 视口(viewport)底部的菜单然后粘在顶部

html - IE7 contentEditable 自动换行