Отключите все флажки внутри таблицы с помощью jquery

Question

Мне нужно отключить все флажки внутри ячейки таблицы при нажатии на гиперссылку внутри той же таблицы.

Я использую следующий код jquery, чтобы установить все флажки, вложенные в таблицу.

$el = $(this).parents('table:eq(0)')[0].children('input[type="checkbox"]');
$($el).attr('checked', true);

По какой-то причине этот кусок кода не работает.

Может кто-нибудь показать мне, как это исправить?

Answer 1

$('table input[type=checkbox]').attr('disabled','true');

если у вас есть идентификатор для таблицы

$('table#ID input[type=checkbox]').attr('disabled','true');

Answer 2

Отключить

$("a.clickme").click(function(){
  $(this)                    // Link has been clicked
    .closest("td")           // Get Parent TD
    .find("input:checkbox")  // Find all checkboxes
    .attr("disabled", true); // Disable them
});

или проверено?

$("a.clickme").click(function(){
  $(this)                    // Link has been clicked
    .closest("td")           // Get Parent TD
    .find("input:checkbox")  // Find all checkboxes
    .attr("checked", false); // Uncheck them
});

Answer 3

Ваш код может быть намного проще:

$el = $(this).parents('table:eq(0)')[0].children('input[type="checkbox"]');

Может быть:

$el = $(this).parents('table:first :checkbox');

Затем отключить их:

$el.attr('disabled', 'disabled');

или проверить их:

$el.attr('checked', 'checked');

или снять их:

$el.removeAttr('checked');

или чтобы включить их:

$el.removeAttr('disabled');

Answer 4

------------------------------- Код HTML ниже ------------- -----------------

<table id="myTable">
    <tr>
        <td><input type="checkbox" checked="checked" /></td>
        <td><input type="checkbox" checked="checked" /></td>
        <td><input type="checkbox" /></td>
        <td><input type="checkbox" /></td>
    </tr>
</table>

<input type="button" onclick="callFunction()" value="Click" />

------------------------------- Код JQuery ниже ------------- ----------------

    <script type="text/javascript">
    function callFunction() {
        //:
        $('table input[type=checkbox]').attr('disabled', 'true');
    }
</script>

Answer 5

Это моё решение

// Action sur le checkbox
        $("#tabEmployes thead tr th:first input:checkbox").click(function() {
            var checked = $(this).prop('checked');
            $("#tabEmployes tbody tr td:first-child input:checkbox").each(function() {
                $(this).prop('checked',checked);
            });
        });

Answer 6

// Включить / отключить все флажки

$('#checkbox').click(function() {

    var checked = $(this).attr('checked');
    var checkboxes = '.checkboxes input[type=checkbox]';

    if (checked) {
        $(this).attr('checked','checked');
        $(checkboxes).attr('disabled','true');
    } else {
        $(this).removeAttr('checked');
        $(checkboxes).removeAttr('disabled');
    }
});

Answer 7

См. Также: селектор / флажок

jQuery("#hyperlink").click(function() {
  jQuery('#table input:checkbox').attr('disabled', true);
  return false;
});