HTML-тег thead эффект javascript для запуска

Question

HTML-тег thead эффект javascript для запуска

0

У меня есть стол. Элементы в thead содержат один флажок. Если я нажмем флажок "selectAll", он проверит все флажки в таблице. Мне пришлось добавить jquery tablesorter. Для этого мне пришлось использовать thead. Мой javascript прекратил работать из-за thead. Если я удалю его, он будет работать нормально, и при щелчке по галочке проверьте все остальные флажки в таблице.

Мой html:

<thead>
<tr>
<th id="idCheckBox"><input type="checkbox" id="selectAll"/> All</th>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
<th id="idEsc">Column 4</th>
<th>Column 5</th>
<th id="idComments">Column 6</th>
<th id="idSuspend">Column 7</th>
</tr>
</thead>

Моя функция java-скрипта:

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

    $(".case").click( function() {

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

Любые гуру там для помощи?

ура

King Khan 03 дек. 2013, в 17:16

Источник

1

см. jsfiddle.net/arunpjohny/7hdGW/1 Я не думаю, что это из-за thead , используйте .prop() чтобы установить проверенное свойство
Arun P Johny 03 дек. 2013, в 15:35
0

также какая версия jQuery используется
Arun P Johny 03 дек. 2013, в 15:37
1

«Мой javascript перестал работать из-за thead». Вы получаете ошибки в консоли?
j08691 03 дек. 2013, в 15:38
0

Это jquery-1.8.1.min.js. Я получаю это в консоли: «[15: 41: 26.371] Использование getPreventDefault () устарело. Вместо этого используйте defaultPrevented».
King Khan 03 дек. 2013, в 15:38
0

@KingKhan ты проверил решение, которое я дал ... оно работает
Arun P Johny 03 дек. 2013, в 15:45
0

@Arun. Это работает в скрипке. Но у меня есть <c: forEach в <tbody>, и поэтому у меня есть список флажков. Я предполагаю, что простой HTML может работать. Но у меня есть разные HTML.
King Khan 03 дек. 2013, в 15:52
0

@Arun P Johny Я также попробовал последнюю версию jquery, но я получаю эту ошибку в консоли: «Использование getPreventDefault () устарело. Вместо этого используйте defaultPrevented». Если я удаляю thead все работает нормально.
King Khan 03 дек. 2013, в 16:01
0

@KingKhan, это предупреждение .... так что все в порядке ..... вы можете поделиться сгенерированным HTML
Arun P Johny 03 дек. 2013, в 16:02
0

@KingKhan также, создаются ли элементы после события dom ready, как при использовании ajax
Arun P Johny 03 дек. 2013, в 16:03
0

@KingKhan еще один тестовый пример, который вы можете добавить, - заменить <c:forEach несколькими строками статических элементов и посмотреть, что происходит
Arun P Johny 03 дек. 2013, в 16:04
0

@ArunPJohny Я удалил <c:forEach и заменил его статическими элементами. Я также упростила свой HTML. Все еще сталкиваюсь с той же проблемой. Если я thead он будет работать нормально. Как я могу поделиться сгенерированным HTML? Слишком долго писать здесь в комментариях.
King Khan 03 дек. 2013, в 16:10

Показать ещё 9 комментариев

Теги:

javascript

jquery

html

checkbox

2 ответа

Ещё вопросы

см. jsfiddle.net/arunpjohny/7hdGW/1 Я не думаю, что это из-за thead , используйте .prop() чтобы установить проверенное свойство
также какая версия jQuery используется
«Мой javascript перестал работать из-за thead». Вы получаете ошибки в консоли?
Это jquery-1.8.1.min.js. Я получаю это в консоли: «[15: 41: 26.371] Использование getPreventDefault () устарело. Вместо этого используйте defaultPrevented».
@KingKhan ты проверил решение, которое я дал ... оно работает
@Arun. Это работает в скрипке. Но у меня есть <c: forEach в <tbody>, и поэтому у меня есть список флажков. Я предполагаю, что простой HTML может работать. Но у меня есть разные HTML.
@Arun P Johny Я также попробовал последнюю версию jquery, но я получаю эту ошибку в консоли: «Использование getPreventDefault () устарело. Вместо этого используйте defaultPrevented». Если я удаляю thead все работает нормально.
@KingKhan, это предупреждение .... так что все в порядке ..... вы можете поделиться сгенерированным HTML
@KingKhan также, создаются ли элементы после события dom ready, как при использовании ajax
@KingKhan еще один тестовый пример, который вы можете добавить, - заменить <c:forEach несколькими строками статических элементов и посмотреть, что происходит
@ArunPJohny Я удалил <c:forEach и заменил его статическими элементами. Я также упростила свой HTML. Все еще сталкиваюсь с той же проблемой. Если я thead он будет работать нормально. Как я могу поделиться сгенерированным HTML? Слишком долго писать здесь в комментариях.

King Khan · Answer 1 · 2013-12-04T09-26-00.000Z

Я исправил проблему, добавив имя функции в javascript и позвонив в onclick event of checkbox.

Мой html:

<th id="idCheckBox"><input type="checkbox" id="selectAll" onclick="selectCheckBoxes()"/> All</th>

и java-скрипт:

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

    $(".case").click( function() {

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

Arun P Johny · Answer 2 · 2013-12-03T13-52-00.000Z

Я не думаю, что это из - за thead. Используйте .prop(), чтобы установить значение проверенного свойства

$(function () {
    // add multiple select / deselect functionality
    $("#selectAll").click(function () {
        $cases.prop('checked', this.checked);
    });

    var $cases = $(".case").click(function () {
        $("#selectAll").prop("checked", $cases.not(':checked').length == 0);
    });
});

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