使用 jQuery 为复选框设置“选中” - Javascript

在使用 Javascript 和 jQuery 开发 web 应用程序时，有时需要在页面中使用复选框来收集用户的选择。本文将介绍如何使用 jQuery 为复选框设置“选中”。

用法

要设置一个复选框为“选中”状态，可以使用 jQuery 的 prop() 方法。例如，下面的代码将复选框的 ID 为 myCheckbox 的复选框设置为“选中”状态。

$('#myCheckbox').prop('checked', true);

如果要将复选框设置为“未选中”状态，则可以将 true 更改为 false。例如：

$('#myCheckbox').prop('checked', false);

示例

下面是一个简单的示例，演示如何使用 jQuery 为多个复选框设置“选中”状态。

HTML 代码：

<input type="checkbox" id="checkbox1"> 复选框 1
<input type="checkbox" id="checkbox2"> 复选框 2
<input type="checkbox" id="checkbox3"> 复选框 3
<button id="checkAll">全选</button>

JavaScript 代码：

$(document).ready(function() {
  // 点击“全选”按钮时，将所有复选框设置为“选中”状态
  $('#checkAll').click(function() {
    $('input[type="checkbox"]').prop('checked', true);
  });
});

当用户单击“全选”按钮时，所有复选框都将被选中。

总结

使用 jQuery 为复选框设置“选中”状态非常简单。只需使用 prop() 方法并将参数设置为 true 或 false 即可。本文提供了一个简单的示例，演示了如何在 web 应用程序中使用 jQuery 为多个复选框设置“选中”状态。