我有一个带有事件选择的表单,这些是具有保存日期和时间的值的单选选项,如下所示:
10 月 31 日星期四 | 下午 1:00 - 下午 3:15
问题是有几个事件在时间上重叠,并且不允许完成表单的用户选择重叠时间。我需要完成的是,当时间重叠时,给所有相互冲突的选项一个红色背景。我一直在尝试使用 jQuery,但无法提出解决方案。到目前为止,我有这个:
所有收音机选项都有 .time 类
$(document).ready(function() {
var map = {};
$(".time").change(function() {
var value = $(this).val();
map[$(this).attr('name')] = value;
$(".time").each(function() {
if ($(this).is(':checked')) {
time = $(this).val();
tr = $(this).closest('tr');
$.each(map, function(key, val) {
if (val == time) {
tr.addClass('red');
} else {
tr.removeClass('red');
}
});
}
});
});
});
上面没有按我想要的方式工作,事实上它根本没有按预期工作。如果有人能阐明这一点,我将不胜感激。