在visualforce中启用/禁用整个div

时间:2017-05-23 06:57:12

标签: javascript jquery visualforce apex

我在visualforce中遇到了这个问题。 如果选择的捐赠是个人,我需要禁用我的帐户的整个div。我尝试隐藏/显示,但需要帐户名称。所以它没用。 下面是我的剧本。

<script>
    $('#donation').change(function () {
        if ($(this).val() == "Individual") {
            $("#acct").prop("disabled", true);
            $("#contact").prop("disabled", false);

        }
        else
            $("#acct").prop("disabled", false);
            $("#contact").prop("disabled", true);
        });
    });
</script>

inputField

<div id="acct">
            <vs:column type="col-md-4">
                <h5><b>Organisation Name</b></h5>
                <apex:inputField type="text" value="{! acct.Name }" styleClass="form-control" id="acct" html-placeholder="Organisation Name" />
            </vs:column>
            </div>
            <div id="contact">
                <vs:column type="col-md-4">
                    <h5><b>Firstname</b></h5>
                    <apex:inputField value="{! cont.FirstName }" type="text" styleClass="form-control" html-placeholder="Firstname"/>
                </vs:column>
                <vs:column type="col-md-4">
                    <h5><b>Lastname</b></h5>
                    <apex:inputField value="{! cont.LastName }" type="text" styleClass="form-control" html-placeholder="Lastname" />
                </vs:column>
            </div>                      
        </vs:row>

选择选项字段

<select class="selectpicker" id="donation">
        <option hidden="true">Donation Type</option>
        <option value="Individual">Individual</option>
        <option value="Organisation">Organisation</option>
    </select>

0 个答案:

没有答案