jQuery - 如何使用 Each() 方法循环并更改页面加载上的所有复选框

Question

我正在加载一个包含 20 多个复选框的网页。该页面正在加载来自数据库的数据，因此某些复选框将被选中，并且连接到这些复选框的文本区域将在其中包含一些文本。我想我想做的是:1)遍历所有复选框并找到被选中的复选框2)然后修改各个相关textarea的'disabled'属性和css属性

每个复选框都有一个唯一的 ID(例如，specA01、specA02、specA03 等)，每个文本区域都有一个唯一但相关的 ID(例如，specA01summ、specA02summ、specA03summ 等)

我有从同一页面上的另一行修改的代码，但我知道我误解了这里的一些基本原则...可能与“.this”行有关...

    $("input[type=checkbox][checked]").each(
            function() {
                var checkBoxId = $(this).attr('id');
                $('#' + checkBoxId + 'summ').removeAttr("disabled");
                $('#' + checkBoxId + 'summ').css({'background-color' : '#ffffff', 'color' : '#000000', 'border-color' : '#696FA3', 'height' : '10em'});
                $('#' + checkBoxId + 'summRequired').css("display", "block");

            });

本质上，在这段代码中，我试图循环遍历所有选中的复选框，将它们的每个 ID 放入名为“checkBoxID”的变量中，然后使用 ID 为“#”+ checkBoxId + ' 修改 textarea 元素summ'。非常感谢您提供的任何帮助或指导。为我的无知感到抱歉。我仍在学习编程和 jQuery。

Answer 1

$(":checkbox:checked").each(function(o){
  var chkID = $(this).attr("id");
  $("#"+chkID+"summ").removeAttr("disabled");
  /* ... */
});