<script src="~/Scripts/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('input[type=radio]').change(function (e) {
if (this.id == 'choice1') {
$('#single').hide();
$('.single').prop('disabled', true);
$('#multiple').show();
$('.multiple').prop('disabled', false);
}
else {
$('#multiple').hide();
$('.multiple').prop('disabled', true);
$('#single').show();
$('.single').prop('disabled', false);
}
});
})
</script>
<style>
#single{
display:none;
}
</style>
@using (Html.BeginForm("UploadFiles", "jQuery", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
<div id="typeupload">
<input type="radio" name="typeupload" id="choice1" checked="checked" /> Multiple
<input type="radio" name="typeupload" id="choice2" value="single" /> Single
</div>
<div class="container" style="margin-top:50px">
<div id="multiple">
<input type="file" class="multiple" name="files" multiple /> <br />
</div>
<div id="single">
<input type="file" class="single" name="files" /> <br />
<input type="file" class="single" name="files" /> <br />
<input type="file" class="single" name="files" /> <br />
</div>
<button class="btn btn-default">Upload</button>
</div>
}