javascript - 使用 Jquery 在页面加载时有条件地选中该框

Question

页面加载时，所有复选框均保持未选中状态(下图)，我从 java session 获取 value1 文本并将其存储在 JSON 对象下，现在我正在比较以下页面的 value1 文本是否与 value1 匹配我从 session 中收到的文本。如果找到匹配，则使复选框为真，否则保持未选中状态。我正在下面尝试，但它检查了所有框..

<script type="text/javascript">
            $.s1.proxy.contentReady(function() {
                var sessionValue = <%= json %>;  //loaded from java session
                sessionValue.forEach(function(sessionValue) {
                         $("input:checkbox[name=myFormProperties]").each(function(){      
                            var val = $(this).closest("tr").find("td:nth-child(2)").text().trim();
                             if(val!=null && val!=''){
                                 if (sessionValue.startsWith(val)) {
                                    alert("session and page value match found ");
                                     $("input:checkbox[name=myFormProperties]").attr('checked', true); // this makes all the checkbox value true. How to make only //specific check box value true here
                                }
                             }
                        });
                    });
            });

        </script> 

当复选框为 true 时，所选值将作为复选框旁边的链接出现，如图所示。

Answer 1

这是因为您将其设置在所有名称为 myFormProperties 的复选框上。

而不是 $("input:checkbox[name=myFormProperties]").attr('checked', true); (它只是再次选择所有复选框)，只需选择当前复选框从这样的每个循环

$(this).attr('checked',true);