Выбрать все флажки с помощью JQuery и выберите опцию

Question

У меня есть следующий код:

<select id="deloptions"> 
<option value="none">Select none</option> 
<option value="all">Select all</option> 
</select> 

Я пытаюсь проверить все theck и снимите все флажки из таблицы, которая находится после этого выбора. Флажки помещаются в 1 столбец таблицы. У всех есть класс «delme». Я пробовал все, но это не похоже на работу ... Вот мой текущий код:

$('#deloptions').change(function(){ 
var value = $(this).val(); 
if (value == 'all') { 
    $('input:checkbox').prop('checked', true); 
    } else { 
    $('input:checkbox').prop('checked', false); 
    } 
}); 

Я попытался с помощью своего класса тоже, но не успех ... как:

$('.delme').prop('checked', false); 

Попытка добраться до стола тоже не работала ... так что я любезно застрял.

EDITED:

<table> 
<tr> 
<th></th> 
<th>Title</th> 
<th>Content</th> 
<th>Date Added</th> 
<th>Actions</th> 
</tr> 

<tr id="37"> 
<td><input type="checkbox" class="delme" id="37"></td> 
<td>Good news!</td> 
<td>This is a message!</td> 
<td>2013-07-22</td> 
<td>Here is a button</td> 
</tr> 
</table> 

Answer 1

Попробуйте

$('input[type="checkbox"]').prop("checked", false); 

Answer 2

Попробуйте

$(function(){ 
    $("#deloptions").change(function(){ 
     if($("#deloptions option:selected").val()=="all") 
     { 
       $('input[type="checkbox"]').prop("checked", false); 
     } 
     else 
     { 
       $('input[type="checkbox"]').prop("checked", true); 
     } 
    }); 
}) 

Answer 3

Вы, возможно, не добавил jQuery ссылки, как ваш код работает отлично

jsFiddle

Answer 4

попробуйте этот код.

$(function(){ 

// add multiple select/deselect functionality 
$("#selectall").click(function() { 
     $('.case').attr('checked', this.checked); 
}); 

// if all checkbox are selected, check the selectall checkbox 
// and viceversa 
$(".case").click(function(){ 

    if($(".case").length == $(".case:checked").length) { 
     $("#selectall").attr("checked", "checked"); 
    } else { 
     $("#selectall").removeAttr("checked"); 
    } 

}); 
}); 

Answer 5

Try:

$('#deloptions').change(function(){ 
var value = $(this).val(); 
if (value == 'all') { 
    $('input').attr('checked', 'checked'); 
} else { 
    $('input:checkbox').prop('checked', 'no'); 
} 
});