Désactiver toutes les cases à cocher à l'intérieur d'un tableau avec jquery

J'ai besoin de désactiver toutes les cases à cocher à l'intérieur d'une cellule de tableau en cliquant sur un lien hypertexte à l'intérieur de la même table.

Je suis en utilisant la suite de jquery pour sélectionner toutes les cases à cocher imbriquée à l'intérieur de la table.

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

Pour quelque raison que ce morceau de code ne fonctionne pas.

Quelqu'un peut me montrer comment résoudre ce problème?

source d'informationauteur user152248

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

    si vous avez un id de la table

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

    Désactiver?

    $("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
});

    ou Contrôlé?

    $("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
});
  3. 2

    Votre code peut être beaucoup plus simple:

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

    Pourrait être:

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

    Puis de les désactiver:

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

    ou de les vérifier:

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

    ou à décocher:

    $el.removeAttr('checked');

    ou pour leur permettre:

    $el.removeAttr('disabled');
  4. 0

    Voir aussi: sélecteur/case

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

    //Activer/Désactiver Toutes Les Cases À Cocher

    $('#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');
    }
});
  6. 0

    C'est ma solution

    //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);
            });
        });
  7. 0

    ------------------------------- Code HTML ci-dessous ------------------------------

    <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 Code ci-dessous -----------------------------

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