使用jquery选中/取消选中单个复选框

check / uncheck a single checkbox using jquery

本文关键字：单个 复选框 取消 jquery 选中 使用      更新时间：2023-09-26

我有一个包含30多个复选框的HTML页面(

如何配置此脚本以只记住我选择的复选框（只记住选中或未选中的复选框）

这是我使用的脚本：

$(function(){
    var test = localStorage.input === 'true'? true: false;
    $('input').prop('checked', test || false);
});
$('input').on('change', function() {
    localStorage.input = $(this).is(':checked');
    console.log($(this).is(':checked'));
});

$('input')匹配所有输入。给它一个更具体的选择器（最好是你想记住的输入的id。

此代码保存会话之间所有复选框的状态：

$('input[type=checkbox]').each(function(idx) {
  this.checked= localStorage.getItem('input'+idx) === 'true';
});
$('input[type=checkbox]').each(function(idx) {
  $(this).click(function() {
    localStorage.setItem('input'+idx, this.checked);
  });
});

Fiddle 1

如果添加、切换或删除输入，则需要不同的方法。

如果每个输入都有一个id，则可以使用以下代码：

$('input[type=checkbox]').each(function(idx) {
  this.checked= localStorage.getItem('input'+this.id) === 'true';
});
$('input[type=checkbox]').click(function() {
  localStorage.setItem('input'+this.id, this.checked);
});

Fiddle 2

相关文章：