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');

如果您有表格的ID

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

或Checked？

$("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

另请参阅：selector/checkbox

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

Answer 5

//启用/禁用所有复选框

$('#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 6

这是我的解决方案

// 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 7

-------------------------------下面的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>

使用jquery禁用表内的所有复选框

7 个答案: