我正在加载一个具有20多个复选框的网页。该页面正在加载数据库中的数据,以便将检查一些复选框,并且连接到这些复选框的TextaReas将有一些文本。我认为我想做的是:1)迭代所有Chekbox并找到已检查的盒子2)然后修改每个相关Textarea的“禁用”属性和CSS属性

每个复选框都有一个唯一的ID(例如SpecA01,Speca02,Speca03等...),并且每个TextArea具有唯一但相关的ID(例如Speca01Summ,Speca02summ,Speca03summ,speca03summ等...)

我有从同一页面上的另一行进行了修改的此代码,但是我知道我在这里误解了一些基本原则...可能与“。这”行...

    $("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”的变量中,然后使用“#' +' + CheckboxId +'sums”的ID修改TextAarea元素。非常感谢您提供的任何帮助或指导。对不起,我公然的无知。我仍在学习编程和jQuery。

有帮助吗?

解决方案

$(":checkbox:checked").each(function(o){
  var chkID = $(this).attr("id");
  $("#"+chkID+"summ").removeAttr("disabled");
  /* ... */
});
许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top