Question

我想要的复选框如果show = true（show = Boolean type）启用文件上传，那么默认情况下不会选中复选框并禁用文件上传，我该怎么做？当您单击启用/禁用不工作时，我尝试使用以下不能正常工作的代码。

$(function () {
    $("#show").change(function () {
       $("#fileUpload").toggle(this.checked).prop("disabled", false);
    });
});
$("#fileUpload").toggle(this.checked).prop("disabled", true);




<div class="form-group">
    @Html.LabelFor(model => model.show, new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.EditorFor(model => model.show)
        @Html.ValidationMessageFor(model => model.show)
    </div>
</div>


    <div class="form-group">

        @Html.LabelFor(model => model.File, new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            <input type="file" id="fileUpload"/>
        </div>
    </div>

Answer 1

为什么不使用只是隐藏文件上传，直到勾选复选框？

$(document).ready(function(){
    $('#uploads').hide();
    $('#enable_uploads').change(function(){
        $('#uploads').toggle()
    });
});

喜欢这个小提琴：http://jsfiddle.net/E3PHP/

复选框为true时启用文件上载

1 个答案: