2014-01-09 3 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> 

Статус использует текст для обозначения активных и неактивных пользователей. Здесь я пытаюсь отобразить сообщение об ошибке, если кто-то пытается удалить флажок, который имеет статус «активный». Только «неактивные» пользователи могут быть удалены. Я ищу код 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

это может сделать это

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

    }); 
}); 
Смежные вопросы