Hello,
You don't have code to reset the disable attribute once value of field tbfirstper is set to 100. Try adding following line at the start of blur function.
$("#tbfirstper,#tbsecondnominee,#tbsecondper,#tbthitdnominee,#tbthirdper").attr("disabled", false);
Your javascript function should look similar to one shown below.
$("#tbsecondnominee,#tbsecondper,#tbthitdnominee,#tbthirdper").attr("disabled", true);
$(document).ready(function () {
$("#tbfirstper,#tbsecondnominee,#tbsecondper,#tbthitdnominee,#tbthirdper").blur(function () {
$("#tbsecondnominee,#tbsecondper,#tbthitdnominee,#tbthirdper").attr("disabled", true);
var v1 = $("#tbfirstper").val(),
v2 = $("#tbsecondper").val();
if (!isNaN(v1)) {
if (parseInt(v1, 10) == 100) {
$("#tbsecondnominee,#tbsecondper,#tbthitdnominee,#tbthirdper").attr("disabled", true);
}
else if (parseInt(v1, 10) < 100) {
$("#tbthitdnominee,#tbthirdper").attr("disabled", true);
$("#tbsecondnominee,#tbsecondper").attr("disabled", false);
}
if (!isNaN(v2)) {
if ((parseInt(v2, 10) + parseInt(v1, 10)) == 100) {
$("#tbthitdnominee,#tbthirdper").attr("disabled", true);
}
else if ((parseInt(v2, 10) + parseInt(v1, 10)) < 100) {
$("#tbthitdnominee,#tbthirdper").attr("disabled", false);
}
}
}
});
});
Regards,