jQuery 禁用具有相同值的复选框

jQuery Disable checkbox with same value

所以这一定是今天最简单的问题了。我有以下 HTML 结构,其中所有输入 checkbox 值必须是唯一的。

    <tr>
        <td>
        <input type="checkbox" value="14292" name="chec_emp[]" class="chec_emp">
        </td>
        <td>Test User One</td>
        <td>Autobot</td>
        <td>Shadow</td>
        <td>50</td>
    </tr>

 <tr>
        <td>
        <input type="checkbox" value="14293" name="chec_emp[]" class="chec_emp">
        </td>
        <td>Test User One</td>
        <td>Autobot</td>
        <td>Billed</td>
        <td>50</td>
    </tr>


    <tr>
        <td>
        <input type="checkbox" value="14292" name="chec_emp[]" class="chec_emp">
        </td>
        <td>Test User Two</td>
        <td>Autobot</td>
        <td>Billed</td>
        <td>50</td>
    </tr>

14292在这里生成了两次。

  1. 如何禁用具有重复值
  2. checkbox
  3. 如何使用 <td>Shadow</td>
  4. 禁用 checkbox

如果要将 disabled 属性添加到下一次出现的具有相同值的复选框:

$('.chec_emp').each(function(){
    if ($(this).is(':enabled')) {
        $('.chec_emp[value="'+$(this).val()+'"]').not(this).prop('disabled', 'disabled');
    }
});

demo