0

我正在寻找一个允许用户选择他们想要的单元格的网格，这将选择一个单选按钮。理想情况下，我将能够隐藏单选按钮并在活动单元格中添加一个类，以便用户知道他们选择了哪一个。我现在遇到的问题是，当用户单击单元格时选择单选按钮时，仅在单击实际单选按钮时才添加该类。此外，当单击另一个框时，它并不总是删除该类。

这是用于添加类的脚本：

$(document).ready(function() {
    $("td input").change(function () {
        var $this = $(this);
        var td = $this.parent();
        td.siblings().filter(function() {
            return !!$(this).find('input[name="'+$this.attr('name')+'"]:radio').length;
        }).removeClass('activecell');
        if(this.checked) {
            td.addClass('activecell');
        }
    });
});

以及页面http://jsfiddle.net/VU6dN/的演示

任何帮助，将不胜感激。

4

2 回答 2

1

将单击处理程序放在单元格而不是单选按钮上，单击单元格时选择单选按钮并将 CSS 类分配给隐藏它的单选按钮。类似于以下内容。此外，这是一个更新的小提琴，它可以工作。

$('td').click(function() {
    var $cell = $(this);
    $('td.activecell').removeClass('activecell');
    $cell.addClass('activecell');
    $cell.children('input').attr('checked', 'checked');
});
于 2013-03-27T21:24:55.333 回答
1

摆脱onclickHTML 中那些讨厌的处理程序并使用 a.trigger('click')代替：

  $('td').click(function () {
      $(this).find('input').trigger('click');
  });
于 2013-03-27T21:28:43.460 回答