Question

@Html.RadioButtonFor(m => m.Typeofproperty, "1", new { @class = "Tproperty" })


<div id="residential" class="option">
    <h5>*Residental Project Name :</h5>
     @Html.EditorFor(model => model.ProjectName)
</div>

JS / jQuery的：

$('input[class="Tproperty"]').$(function () {
    if ($(this).val() == '2' || $(this).val() == '5' || $(this).val() == '8') {
        $('#Display').show();
        $('#residential').hide();
        $('#amen').hide();
    }
    else {
        $('#Display').show();
        $('#residential').show();
        $('#amen').show();
    }
});

在页面加载时，如果选中单选按钮2,5或8，我希望隐藏住宅分区标记。这些属性类型的单选按钮指的是房屋，别墅等。

Answer 1

$(document).ready(function(){
    var tpropval=$(".Tproperty").val();
    if (tpropval == '2' || tpropval == '5' || tpropval == '8') {
        $('#Display').show();
        $('#residential').hide();
        $('#amen').hide();
    }
    else {
        $('#Display').show();
        $('#residential').show();
        $('#amen').show();

    }
});

Answer 2

将您的登录信息放在.ready()功能

中

$( document ).ready(function() {
    if(condition == true)
    //show or hide div
});

Answer 3

你可以这样做。没有必要使用jquery，你可以在你的剃刀视图中轻松使用条件并应用repspective类。

根据条件申请的课程

.display-none{display:none}
.display-block{display:block}

以下是应用课程的代码。

<div id="residential" class=@if(Model.Condition){<text>display-none</text>}
                                         else{<text>display-block</text>}>
                                >
                            <h5>*Residental Project Name :</h5>
                            @Html.EditorFor(model => model.ProjectName)
                        </div>

Answer 4

您可以使用：

$('input:eq(0), input:eq(1), input:eq(5)').length==$('input:eq(0).Tproperty, input:eq(1).Tproperty, input:eq(5).Tproperty').length{
    $('#Display').show();
    $('#residential').hide();
    $('#amen').hide();
}
else {
    $('#Display').show();
    $('#residential').show();
    $('#amen').show();
}

如果if条件在jquery中有效，如何在页面加载时隐藏除法？

4 个答案: