Question

我目前在页面上有几个表格，其中包含可以选择或取消选择的单元格。

当用户点击提交按钮时，有没有办法显示哪些单元格被选中？

这是小提琴： https://jsfiddle.net/blueberrymuffin/h18yr46a/9/

我的代码如下。

谢谢。

public class A
{
   HashMap<String, Object> temp;
    public A()
    {
         temp = new HashMap<String, Object>;
    }
}

Answer 1

有很多方法可以做到这一点，这里有一个：

jQuery('table').on('click', function (e) {
    var ourTable = jQuery(e.target).closest('table');
    var sCount = ourTable.find('.highlighted').length;
    console.log(ourTable, sCount, $(e.target).hasClass('highlighted'));

    if (sCount < 4 || $(e.target).hasClass('highlighted')) {
        $(e.target).toggleClass("highlighted");
    }
  e.preventDefault();
});


jQuery('#gridinfo').on('click', function (e) {
    var selected = new String();
    jQuery('.highlighted').each(function() {
            selected += $(this).text();
        });
    alert("these cells have been selected: " + selected);

});

工作fiddle

显示提交时突出显示的单元格

1 个答案: