所以我在同一页面上有两个表,它们都有复选框。我已经将它们定义为:
<table class='display' id='table1'>
<thead>
<tr>
**random headers*
</tr>
</thead>
<tbody>
<tr>
<td><input style="margin-left:20px;margin-bottom:4px" class="selectChkBox" type="checkbox" id="id1" /></td>
//random value stuff
</tr>
</tbody>
</table>
我为这两个表执行此操作,table2具有id =&#39; table2&#39;等等。当我选中表1中项目旁边的复选框并单击按钮&#39;移动到表2&#39;时,它会将项目移动到表2.我希望表2中有相同的按钮,其中,如果我检查一个项目,然后继续将该项目移动到表1。
我的问题是,我不确定如何在代码中执行此操作。现在,要检查是否选中了任何复选框,我有一行:
$('.selectChkBox').is(":checked");
如果检查了任何项目,我将取消灰色&#39;移至表1&#39;并且&#39;转到表2&#39;的按钮。
但这样做是为了让我可以点击“移动到表2&#39;如果选中表2项,则按钮,当我只想点击“移动到表1&#39;按钮。有谁知道如何针对每张桌子进行此检查?谢谢!!
答案 0 :(得分:1)
您可以添加更具体的选择器,每个表一个:
第一张表:
$('#table1 .selectChkBox').is(":checked");
第二张表:
$('#table2 .selectChkBox').is(":checked");
您还可以为复选框设置onclick功能,以便在有人点击框时运行:
$("#table1 .selectChkBox').live("click",function() {
//your code here
});
您可能不需要具有特定于每个表的单击功能。您只需从选择器中删除#table1
,以便所有复选框都运行相同的点击功能。