Установите флажок Jquery, нажав на текст в таблице и т. Д.

Question

Установите флажок Jquery, нажав на текст в таблице и т. Д.

0

Я пытаюсь проверить и снять флажок, щелкнув по тексту рядом с ним. Вот пример, в котором я пытаюсь щелкнуть по имени элемента, и флажок должен быть выбран. Я думаю, что toggle должен соответствовать здесь, но я не могу заставить его работать.

Jsfiddle

$("#checkall").change(function () {
  $(this).closest("table").find(".checkbox").attr("checked", this.checked).change();
});

$(".checkbox").change(function() {
  $(this).closest('tr').toggleClass("highlight", this.checked);
});

Kurkula 03 апр. 2014, в 07:24

Источник

Теги:

jquery

checkbox

1 ответ

Ещё вопросы

Arun P Johny · Accepted Answer · 2014-04-03T02-11-00.000Z

Я думаю, что вы нацеливаете файлName, если это так, попробуйте

$("#checkall").change(function () {
    $(this).closest("table").find(".checkbox").prop("checked", this.checked).change();
});

$(".checkbox").change(function () {
    $(this).closest('tr').toggleClass("highlight", this.checked);
});

$('.filename').click(function () {
    $(this).closest('tr').find('input').prop('checked', function (i, c) {
        return !c;
    }).change()
})

Демо: скрипка

иметь обработчик кликов для td с целевым текстом
найти входной элемент в той же строке и переключить его проверенное состояние

@Chandana метод получает значение curernt проверенного свойства - true / false, мы отменяем значение, используя !c и возвращаем это как новое значение
У меня есть проблема в моем проекте. Выбрать все и снять все работает только один раз. Я до некоторой степени гуглил, что attr не годится для использования и использования реквизита. но у меня не получилось с приведенным выше кодом. Не могли бы вы помочь?
@Chandana это зависит от версии jquery, которую вы используете ... какая версия jQuery используется в проекте
jsfiddle.net/chandana2014/Cuhg5/4 это обновленная скрипка с обновленной версией jquery
@Chandana смотрите jsfiddle.net/arunpjohny/Cuhg5/6 - работа с использованием .prop()