javascript - 根据变量值选中复选框

Question

我正在为一个复选框而苦苦挣扎。我希望根据来自数据库的变量来选中复选框。我可以在我的控制台中看到该值，因此它是动态填充的，但我无法选中该复选框。

我尝试了两件事:

 $(document).ready(function() {
$('input[name="OPTIN_NEWSLETTER_STARTER_INDEPENDANT"]').each(function(index) {
        if ($(this).val() == 
"%%OPTIN_NEWSLETTER_STARTER_INDEPENDANT%%")
            ($(this).prop('checked', true));
    });

和

$(document).ready(function() {
    var checkBox = 
[
     ["OPTIN_NEWSLETTER_STARTER_INDEPENDANT", 
"%%OPTIN_NEWSLETTER_STARTER_INDEPENDANT%%"],
];

for (var i = 0; i < checkBox.length; i++) {
        if (checkBox[i][1] == "Yes") {
            if ($('input[name="' + checkBox[i][0] + '"]')) 
            {
                $('input[name="' + checkBox[i][0] + 
'"]').prop("checked", true).change();
            }
        }
    };

这是我的 html 复选框:

<label class="yesNoCheckboxLabel">
                                        <input type="checkbox" 
name="OPTIN_NEWSLETTER_STARTER_INDEPENDANT" id="control_COLUMN136" 
label="OPTIN_NEWSLETTER_STARTER_INDEPENDANT" 
value="%%OPTIN_NEWSLETTER_STARTER_INDEPENDANT%%" 
checked="">OPTIN_NEWSLETTER_STARTER_INDEPENDANT</label>

如果有人的见解会很棒，谢谢!

亲切的问候，洛伦

Answer 1

我在本地测试了你的案例，它工作正常，可能是你在其他地方缺少一些东西，并确保使用 attr 来为 jquery 1.5 或更低版本设置值

对于 jquery 1.5 或以下版本

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

 $(document).ready(function() {
$('input[name="vehicle1"]').each(function(index) {

        if ($(this).val() == 
"vehicle1")
            ($(this).prop('checked', true));
    });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input type="checkbox" name="vehicle1" value="vehicle1"> I have a bike<br>
  <input type="checkbox" name="vehicle1" value="vehicle1"> I have a car 
</form>

最后要确保这个条件下的值必须相同

$(this).val() == "vehicle1"