Как я могу снять несколько вариантов выбора поля по классу с помощью jquery?

Question

У меня есть несколько полей множественного выбора с одним и тем же классом, и я хочу отменить выбор всех для события. У них есть все div с одинаковым классом class_for_all_multi_selects вокруг них.

$("#element_to_uncheck_all_options").change(function() {
  $('.class_for_all_multi_selects'). ...?
});

<div class="class_for_all_multi_selects">
  <select multiple="multiple" name="1">
    <option value="1">option1</option>
    <option value="2">option2</option>
  </select>
</div>

<div class="class_for_all_multi_selects">
  <select multiple="multiple" name="2">
    <option value="1">option1</option>
    <option value="2">option2</option>
  </select>
</div>

Как снять флажок с нескольких вариантов выбора в зависимости от класса с помощью jquery?

Answer 1

Вы также можете попробовать это, используя prop:

 $("div.class_for_all_multi_selects option:selected").prop('selected',false);

проверить это: http://jsfiddle.net/EVrrz/3/

Answer 2

Используйте removeAttr(), чтобы удалить выбранный атрибут из всех опций

$('select option:selected').removeAttr("selected");

Поскольку вы сказали, что #element_to_uncheck_all_options - это div, вам следует связать с click событиями вместо change

$("#element_to_uncheck_all_options").click(function() {
   $('select option:selected').removeAttr("selected");
});

Answer 3

Использование removeAttr:

$("#element_to_uncheck_all_options").click(function() {
    $("div.class_for_all_multi_selects option:selected").removeAttr("selected");
});

И поскольку вы хотите снять отметку всех элементов, вместо change.

используйте click (с кнопкой или чем-то еще).

Answer 4

Вот как я бы, вероятно, сделал это:

$('#selectAll').change(function() {
    $('.class_for_all_multi_selects option').prop('selected', this.checked);
});

Вот jsfiddle для демонстрации.Это реализует выбор всех / отмена выбора всех, но вы можете сделать это, просто отменив выбор, установив вместо этого this.checked в false.

Answer 5

Не проблема.

$("#element_to_uncheck_all_options").click(function() {
    $(".class_for_all_multi_selects option").attr("selected", false);
});​

Сейчас проверено и работает:)

Answer 6

Может просто изменить значение выбора на пустое значение, а jQuery обработает все остальное, цикл не требуется

 $('.class_for_all_multi_selects select').val('');