如果选中某个表中的复选框,如何激活某些按钮?

时间:2014-08-19 17:43:22

标签: jquery html

所以我在同一页面上有两个表,它们都有复选框。我已经将它们定义为:

<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;按钮。有谁知道如何针对每张桌子进行此检查?谢谢!!

1 个答案:

答案 0 :(得分:1)

您可以添加更具体的选择器,每个表一个:

第一张表:

$('#table1 .selectChkBox').is(":checked");

第二张表:

$('#table2 .selectChkBox').is(":checked");

您还可以为复选框设置onclick功能,以便在有人点击框时运行:

$("#table1 .selectChkBox').live("click",function() {

    //your code here

});

您可能不需要具有特定于每个表的单击功能。您只需从选择器中删除#table1,以便所有复选框都运行相同的点击功能。