我正在尝试将单选按钮标记为已禁用,之前我已经取得了成功。但是我遇到了一个我不明白的问题,单选按钮不会设置disabled
属性,但没有问题设置checked
属性。
我在for循环中创建时隙(基于收集的异步数据),我通过jQuery创建新的时隙doms,如下所示:
for(var key in aTimeslots){
$timeslot = $('<div/>', {
"class": "timeslot"
});
$timeslotLabel = $('<label/>');
$timeslotRadio = $('<input />', {
"type": "radio",
"class": "timeslots",
"name": "timeslotRadios"
});
// LOGIC TO CHECK IF THE TIMESLOT HAS BEEN RESERVED IS HERE
// Glue shit together
$timeslotLabel.append($timeslotRadio);
$timeslot.append($timeslotLabel);
// Add the timeslot to the DOM containing all the timeslots
$availableTimeslots.append($timeslot);
// Check if the timeslots is reserved
if(bIsReservedDate){
$timeslotRadio.prop('checked', true);
$timeslotRadio.prop('disabled', true);
}
}
如上所述,我将checked
属性设置为true,在此工作没有问题。但是不会设置disabled
属性。有谁知道为什么会这样?在将DOMS添加到$availableTimeslots
之后,我甚至将逻辑移到了{{1}},因此我确信已经渲染了doms ..但它仍然不起作用:(