jquery .checked

在jQuery中，`.checked`是用于获取或设置元素的选中状态的方法。它通常用于处理复选框或单选按钮元素。

要获取一个复选框或单选按钮是否被选中，可以使用以下示例代码：

var isChecked = $('#myCheckbox').prop('checked');

这将返回一个布尔值，表示复选框是否被选中。如果被选中，`isChecked`将为`true`；否则，将为`false`。

要设置一个复选框或单选按钮的选中状态，可以使用以下示例代码：

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

这将将复选框选中。将`true`作为第二个参数传递给`.prop()`函数表示将元素设置为选中状态。同样，将`false`作为第二个参数传递给`.prop()`函数可以取消选择复选框或单选按钮。

请注意，`#myCheckbox`是一个选择器，表示具有id为`myCheckbox`的元素。您可以根据实际情况更改选择器以匹配您的HTML结构。

相关问题

function checkboxSelectAll() { var checkboxes = document.getElementsByName("hobby"); for (var i = 0; i < checkboxes.length; i++) { checkboxes[i].checked = true; } } // 全不选 function checkboxSelectNone() { var checkboxes = document.getElementsByName("hobby"); for (var i = 0; i < checkboxes.length; i++) { checkboxes[i].checked = false; } } // 反选 function checkboxSelectReverse() { var checkboxes = document.getElementsByName("hobby"); for (var i = 0; i < checkboxes.length; i++) { checkboxes[i].checked = !checkboxes[i].checked; } }更改为jQuery

Sure, here is the jQuery version of the code:

// 全选
function checkboxSelectAll() {
  $('input[name="hobby"]').prop('checked', true);
}

// 全不选
function checkboxSelectNone() {
  $('input[name="hobby"]').prop('checked', false);
}

// 反选
function checkboxSelectReverse() {
  $('input[name="hobby"]').each(function() {
    $(this).prop('checked', !$(this).prop('checked'));
  });
}

In this version, we use the `prop()` method to set the `checked` property of each checkbox. To select all checkboxes, we set the property to `true`. To deselect all checkboxes, we set the property to `false`. To invert the selection, we use the `each()` method to iterate over each checkbox and toggle its `checked` property using the `prop()` method.

function checkAll() { // 获得最上面的复选框 var selectAll = document.getElementById("selectAll"); var classNames = document.getElementsByClassName("c1"); for (var i = 0; i < classNames.length; i++) { classNames[i].checked = selectAll.checked; } }改成jQuery

将原生JavaScript代码改写成jQuery的代码如下：

function checkAll() {
  // 使用jQuery获取最上面的复选框
  var selectAll = $("#selectAll");
  // 使用jQuery获取所有的复选框
  var checkboxes = $(".c1");
  // 给最上面的复选框添加点击事件
  selectAll.click(function() {
    // 全选或取消全选
    checkboxes.prop("checked", selectAll.prop("checked"));
  });
}

在这段jQuery代码中，我们使用`$`函数来获取元素，这个函数返回的是一个jQuery对象，可以使用jQuery提供的方法来操作元素。使用`$("#id")`可以根据元素的ID获取元素，使用`$(".class")`可以根据元素的类名获取元素。使用`click`方法为元素添加点击事件，使用`prop`方法来设置元素的属性。