javascript - 如何隐藏全部选中，清除所有复选框-6ren

javascript - 如何隐藏全部选中，清除所有复选框

转载作者：行者123 更新时间：2023-11-29 22:41:32

我在列标题中有复选框。其作用是选中或取消选中该列中的所有复选框。如果选中该行复选框并说删除，则可以从数据表中删除该行。

如果行对象在其他表中用作外键，我会在该行中放置“-”而不是指示该行不可删除的复选框。

在这些情况下，如果所有行都有“-”，则不需要标题复选框。如果没有要删除的内容，如何以编程方式隐藏此“全部选中 | 全部清除”复选框。

如果没有选择，最好隐藏“删除”按钮。

解决上述情况的最佳做法是什么。我附上了我正在使用的 javascript。

<script type="text/javascript">
var tableId = '#user\\:userList';
jQuery(document).ready(function() {
    jQuery('#selectAll').click(function() {
        jQuery(tableId).find("input[type='checkbox']").attr('checked', jQuery('#selectAll').is(':checked'));
    });
});
</script>

最佳答案

完整示例:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
  var tableId = "#box";
  $("#cb").click(function() {
    if ($(this).is(":checked")) {
      $(tableId).find("input:checkbox").attr("checked", "checked");
    } else {
      $(tableId).find("input:checkbox").removeAttr("checked");
    }
  });
});
</script>
</head>
<body>
<input type="checkbox" id="cb">all
<hr>
<div id="box">
<input type="checkbox">one<br>
<input type="checkbox">two<br>
<input type="checkbox">three<br>
</div>
</body>
</html>