删除具有“非活动”状态的复选框

时间:2014-01-09 23:38:06

标签: javascript jquery html

我有一个html表,如下所示:

<table>
   <thead>
      <tr>
         <th><input type="checkbox" id="selectall" /></th>
         <th colspan="2">Status</th>
         <th class="data-name">UserName</th>
         <th class="data-name">Description</th>
   </thead>
</table>

“状态”使用文本指示活动和非活动用户。如果有人试图删除状态为&#39;有效的复选框,我会尝试显示错误信息。只有&#39;不活跃&#39;用户可以删除。 我正在为此寻找一个jquery代码。有人能帮我吗? 我提供了一个我想要实现的sudo代码。这可能在语法上不正确。

if $('#selectall input[type="checkbox"]:checked') is 'active'
{  
    alert('do not delete the checkbox');
}
else
{
    alert('delete the checkbox');
}

2 个答案:

答案 0 :(得分:0)

这可能会这样做

if ($('#selectall input[type="checkbox"]:checked').size() > 0)
{  
    alert('do not delete the checkbox');
}
else
{
    alert('delete the checkbox');
}

答案 1 :(得分:0)

我用javascript和html开发了他的下一个代码

http://jsfiddle.net/jHpKB/1/

我希望你能帮忙

(我的英语很遗憾)

HTML

<table>
   <thead>
      <tr>
         <th><input type="checkbox" id="selectall" /></th>
         <th colspan="2">Status</th>
         <th class="data-name">UserName</th>
         <th class="data-name">Description</th>
      </tr>

   </thead>
   <tbody>
       <tr>
          <td><input type="checkbox" data-user-id="1" data-status="active" /></td>
          <td>Active</td>
          <td>User 1</td>
          <td>None</td>          
       </tr>
       <tr>
        <td><input type="checkbox" data-user-id="1" data-status="inactive" /></td>
          <td>Inactive</td>
          <td>User 1</td>
          <td>None</td>          
       </tr>

   </tbody>
</table>

的Javascript

$(document).ready(function(){
    $("#selectall").on("click", function(){
        var checked =  $(this).is(":checked");

        $("input[type='checkbox'][data-status='inactive']").attr("checked", checked )

    });
});