使用选定的单选按钮在页面加载上渲染输入

Question

我有单选按钮，可在选中时呈现/隐藏某些字段。但是，它没有出现在载荷上。如何让DOM考虑到这一点？

Here is the fiddle

var hideOrShowInputs = function() {
  var $this = $(this),
   $groupToShow = $($this.data('inputgroup'));

  $('.inputgroup').hide();
  $groupToShow.show();
};

我怀疑这部分是罪魁祸首的地方，但我不确定我做错了什么

Answer 1

this在document的匿名函数处理程序中为.ready(handler)。

尝试使用Function.prototype.bind()将this设置为$(".slim-column input:first")内的.ready()

$(document).ready(hideOrShowInputs.bind($(".slim-column input:first")));

jsfiddle https://jsfiddle.net/nvfs5c0r/14/