Каждый раз, когда я редактирую флажки, мне нужно показывать изображение timeGrad1
в столбце editImage
.
Прямо сейчас, если я редактирую флажок в третьем столбце, изображение отображается после этого, если я редактирую флажок в шестом столбце, изображение исчезает, но изображение должно оставаться постоянным, если я редактирую в обоих столбцах. Точно так же это должно произойти и с выпадающим меню.
Можете ли вы сказать мне, как исправить, чтобы в будущем я сам это исправил?
Предоставив мой код ниже
http://jsfiddle.net/61ufvtpj/
$(document).on('change', '#sixthColumnCheck', function() {
if (this.checked) {
alert("if I am inside sixth column");
$(this).parents('tr').find('td').eq(1).addClass("timeGrad1");
var returnVal = confirm("Are you sure?");
$(this).prop("checked", returnVal);
} else {
alert("else I am inside sixth column");
$(this).parents('tr').find('td').eq(1).removeClass("timeGrad1");
}
});
//thirdColumnCheckGrid
$(document).on('change', '#thirdColumnCheckGrid', function() {
if (this.checked) {
alert("if I am inside third column");
$(this).parents('tr').find('td').eq(1).addClass("timeGrad1");
var returnVal = confirm("Are you sure?");
$(this).prop("checked", returnVal);
} else {
alert("else I am inside third column");
$(this).parents('tr').find('td').eq(1).removeClass("timeGrad1");
}
});