我有多个选项卡,其中使用了非阻碍性验证,选项卡显示并隐藏在下拉列值上,问题是当我错误div隐藏的数据库值时,它们不能再为真,帮助我动态改变数据值的真假,这是我的脚本
<script>
$(document).ready(function () {
var myItem = $('#@Html.IdFor(m => m.INDUSTRY_ID)');
if (myItem.val() == '41') {
debugger;
$("#tab_1_1 [data-val]").attr("data-val", true);
$("#tab_1_5 [data-val]").attr("data-val", true);
$("#tab_1_6 [data-val]").attr("data-val", true);
$("#tab_1_2 [data-val]").attr("data-val", false);
$("#tab_1_7 [data-val]").attr("data-val", false);
$("#ind").show();
$("#ind1").show();
$("#ind2").show();
document.getElementById("ind").click();
//$("#business").data("validator").settings.ignore = "";
$("#business").hide();
$("#business1").hide();
}
else {
$("#tab_1_2 [data-val]").attr("data-val", true);
$("#tab_1_7 [data-val]").attr("data-val", true);
$("#tab_1_1 [data-val]").attr("data-val", false);
$("#tab_1_5 [data-val]").attr("data-val", false);
$("#tab_1_6 [data-val]").attr("data-val", false);
$("#business").show();
$("#business1").show();
document.getElementById("business").click();
$("#ind").hide();
$("#ind1").hide();
$("#ind2").hide();
}
});
$(document).ready(function () {
$('#INDUSTRY_ID').on('change', function () {
if (this.value == '41') {
debugger;
$('form').removeData('unobtrusiveValidation');
$('form').removeData('validator');
$.validator.unobtrusive.parse('form');
$("#tab_1_1 [data-val]").attr("data-val", true);
$("#tab_1_5 [data-val]").attr("data-val", true);
$("#tab_1_6 [data-val]").attr("data-val", true);
$("#tab_1_2 [data-val]").attr("data-val", false);
$("#tab_1_7 [data-val]").attr("data-val", false);
$("#ind").show();
$("#ind1").show();
$("#ind2").show();
document.getElementById("ind").click();
$("#business").hide();
$("#business1").hide();
}
else {
$("#tab_1_2 [data-val]").attr("data-val", true);
$("#tab_1_7 [data-val]").attr("data-val", true);
$("#tab_1_1 [data-val]").attr("data-val", false);
$("#tab_1_5 [data-val]").attr("data-val", false);
$("#tab_1_6 [data-val]").attr("data-val", false);
$("#business").show();
$("#business1").show();
document.getElementById("business").click();
$("#ind").hide();
$("#ind1").hide();
$("#ind2").hide();
}
});
});
</script>