2014-01-09 82 views
0

刪除複選框,我有如下一個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> 

的狀態使用文本來指示活躍和不活躍用戶。在這裏,我試圖顯示一個錯誤消息,如果有人試圖刪除狀態爲'active'的複選框。只有「不活躍」的用戶才能被刪除。 我正在尋找一個jQuery代碼。有人能幫我嗎? 我提供了一個我想要實現的sudo代碼。這可能在語法上不正確。

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

而這是哪裏'active'和'inactive'文本? – adeneo

+1

您的意思是...... **殘疾人** ** – Cilan

+0

爲什麼不只是禁用複選框,如果該行是「活動的」,阻止它首先被檢查?這將爲用戶提供更明確的方向。 –

回答

0

這可能做到在JavaScript和HTML

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

我希望你幫

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

我開發了他的下一個代碼(我的英文不好對不起)

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) 

    }); 
});