Установите флажок, когда щелкают по определенным родственным элементам

Question

Установите флажок, когда щелкают по определенным родственным элементам

0

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

<tr class="item" id="sku999">
      <td>Hat</td>
      <td class="valueButton"></td>
      <td><input type="checkbox" name="choice" value="10.00"></td>
</tr>

$(document).on({
    click: function () {
        $(this).toggleClass('blueChecked');
        $(this).prevAll.toggleClass('blueChecked');
        $(this).nextAll.toggleClass('blueChecked');
        if (event.target.type !== 'checkbox') {
            $(':checkbox', this.parent()).attr('checked', function() {
                return !this.checked;
            });
        }
    }
}, "tr.item td:not('.valueButton')");

ОБНОВЛЕНИЕ: Я забыл упомянуть, что мне нужно переключить флажок.

ОБНОВЛЕНИЕ: Решено!

$(document).on({
    click: function () {
        $("td:not('.valueButton')", $(this).parent()).toggleClass('blueChecked');

        if (event.target.type !== 'checkbox') {
            $(':checkbox', $(this).parent()).attr('checked', function() {
                return !this.checked;
            });
        }
    }
}, "tr.item td:not('.valueButton')");

cianz 29 март 2014, в 07:38

Источник

0

Попробуйте использовать .prop() вместо .attr() , и здесь вам не нужен обратный вызов, вы можете просто написать $(':checkbox', this.parent()).prop('checked',!this.checked)
Dhaval Marthak 29 март 2014, в 05:50
0

Спасибо, эта половина работает, однако она работает только при установке флажка, она не работает при втором щелчке, чтобы снять отметку: $(':checkbox', $(this).parent()).prop('checked', !$(this).checked);
cianz 29 март 2014, в 06:22
0

Извините, я забыл упомянуть, что мне нужно иметь возможность установить флажок, и это проблема, с которой я столкнулся сейчас.
cianz 29 март 2014, в 06:25
0

Разобрался и обновил мой начальный пост. Приветствия.
cianz 29 март 2014, в 06:54

Показать ещё 2 комментария

Теги:

javascript

jquery

css

1 ответ

Ещё вопросы

Попробуйте использовать .prop() вместо .attr() , и здесь вам не нужен обратный вызов, вы можете просто написать $(':checkbox', this.parent()).prop('checked',!this.checked)
Спасибо, эта половина работает, однако она работает только при установке флажка, она не работает при втором щелчке, чтобы снять отметку: $(':checkbox', $(this).parent()).prop('checked', !$(this).checked);
Извините, я забыл упомянуть, что мне нужно иметь возможность установить флажок, и это проблема, с которой я столкнулся сейчас.
Разобрался и обновил мой начальный пост. Приветствия.

chriz · Answer 1 · 2014-03-29T03-47-00.000Z

попробуй это

$('td:not(:nth-child(1))').click(function{
             $('td:nth-child(2) checkbox').prop('checked',true);
    });