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

时间:2015-04-17 12:11:13

标签: jquery checkbox

所以这必须是当天最简单的问题。我有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. 如何禁用checkbox重复值
  2. 如何使用checkbox
  3. 停用<td>Shadow</td>

1 个答案:

答案 0 :(得分:3)

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

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

<强> demo