Javascript Jquery在TD单击时选择单选按钮,同时将类添加到活动TD
我希望创建一个网格,允许用户选择他们想要的单元格,这将选择一个单选按钮。理想情况下,我将能够隐藏单选按钮,并有一个类添加到活动单元格中,以便用户知道他们选择了哪一个。我现在遇到的问题是,虽然当用户单击单元格时选择了单选按钮,但仅当实际的单选按钮被单击时才添加类。此外,当单击另一个框时,它并不总是删除该类 这是用于添加类的脚本:Javascript Jquery在TD单击时选择单选按钮,同时将类添加到活动TD,javascript,jquery,Javascript,Jquery,我希望创建一个网格,允许用户选择他们想要的单元格,这将选择一个单选按钮。理想情况下,我将能够隐藏单选按钮,并有一个类添加到活动单元格中,以便用户知道他们选择了哪一个。我现在遇到的问题是,虽然当用户单击单元格时选择了单选按钮,但仅当实际的单选按钮被单击时才添加类。此外,当单击另一个框时,它并不总是删除该类 这是用于添加类的脚本: $(document).ready(function() { $("td input").change(function () { var $th
$(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');
}
});
});
和页面的演示
任何帮助都将不胜感激。将单击处理程序放在单元格上而不是单选按钮上,单击单元格时选择单选按钮,并为隐藏它的单选按钮分配CSS类。类似下面的内容。另外,这里有一个更新的
摆脱HTML中那些讨厌的
onclick
处理程序,改用:
非常感谢。这太完美了。
$('td').click(function() {
var $cell = $(this);
$('td.activecell').removeClass('activecell');
$cell.addClass('activecell');
$cell.children('input').attr('checked', 'checked');
});
$('td').click(function () {
$(this).find('input').trigger('click');
});