表格中的复选框选择

时间:2018-08-04 12:40:06

标签: javascript jquery

我有一个带有两个复选框列的表。 (第1栏和第2栏)

第1列第2列第3列等

我正在尝试在用户所在的地方实现逻辑

  • 无法选择同一行中的复选框。
  • 他们只能从第1列中选择一个复选框
  • 他们可以从第2列中选择任意数量。

1很容易做到

    $('input[type="checkbox"]').on('change', function () {
       var checkedValue = $(this).prop('checked');                          
$(this).closest('tr').find('input[type="checkbox"]').each(function ()
     {
 $(this).prop('checked', false);
                        });
  $(this).prop("checked", checkedValue);
     });

但是在执行了第一步之后,我无法再执行其他两个条件。任何帮助将不胜感激。 谢谢

1 个答案:

答案 0 :(得分:0)

我认为您应该在第1列中使用单选按钮(无需使用jquery或javascript代码。单选按钮必须具有相同的名称)

您不需要任何特定条件即可实现对第3列的选择。