使用選定的單選按鈕在頁面加載時呈現輸入

Question

我有選擇時呈現/隱藏某些字段的單選按鈕。但是，它沒有顯示在Load上。如何將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/