如何使用jQuery禁用一些复选框

时间:2014-02-06 12:55:48

标签: jquery wordpress checkbox

我正在尝试迭代一个包含一些复选框的字段,并根据数组中的数据禁用一些复选框。

对于每个框,我想检查一个复选框的值是否在一个来自php的变量的数组中找到。如果是,则禁用该复选框,并将一个类添加到父级。

为什么这段代码不起作用? 这是我自己在jQuery中编写的第一个函数,所以请怜悯。

jQuery(function($) { // wordpress no-conflict hack

    var booked = php echo $booked_24; // the php echo syntax is wrong here, 
                but the editor does not allow me to put in proper php tags.

    $('div#acf-booking_times_24 input:checkbox').each(function() {
        if ($.inArray(this.value, booked) !== -1) {
            $(this).attr('disabled',true);
            $(this).parent('label').addClass('unavailable');
        }
    });
});

2 个答案:

答案 0 :(得分:0)

尝试替换以下代码段 替换你的

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

通过

$(this).attr('disabled', 'disabled');

答案 1 :(得分:0)

所以我弄清楚了这个错误,很简单。

if ($.inArray($(this).value, booked) !== -1) 

应该是

 if ($.inArray($(this).val(), booked) !== -1) 

感谢Nicolai的小提琴,它帮助我找到了它。