javascript - 在单选按钮检查上显示 div

Question

我想隐藏一个div，直到选择租用的单选按钮。此 div 包含仅与租用的单选选项相关的输入字段，因此最好在选择拥有的单选按钮时隐藏它们。但是，我的代码不起作用。

HTML

<div id="surv_radio4">
    <p>
        Merchant Site Property is
    </p>
    <input type="radio" id="owned" value="owned" name="merchant_property"/>
    <label for="owned">Owned</label>
    <input type="radio" id="leased" value="leased" name="merchant_property"/>
    <label for="leased">Leased</label>
</div>
<div id="surv_5">
    <label for="landlord_name" class="test">Landlord Name</label>
    <input type="text" id="landlord_name" placeholder="Landlord Name"/>
    <label for="landlord_phone">Phone Number</label>
    <input type="text" id="landlord_phone" placeholder="XXX-XXX-XXXX"/>
</div>

CSS

#surv_5 {
    display: none;
}

Javascript

<script>
$(document).ready.(function() {
    $("input[name$='merchant_property']").click(function() {
        var value = $(this).val();
        if (value == 'leased') {
            $("#surv_5").show();
        } else if (value == 'owned') {
            $("#surv_5").hide();
        }
    });
});
</script>

Answer 1

您的 document.ready 函数存在语法错误(额外的句点):

$(document).ready(function () {

http://jsfiddle.net/isherwood/tW3D5/