javascript - 选择复选框时显示数据

Question

我有 3 个复选框

<input type="checkbox" name ="chk[]" id="inlineCheckbox1" value="Permanent">Permanent
<input type="checkbox" name ="chk[]" id="inlineCheckbox2" value="Drive">Drive
<input type="checkbox" name ="chk[]" id="inlineCheckbox3" value="Contract"> Contract

和一个包含 2 个输入的 div

<div id="datetime"> 
    <input type='text' class="form-control" name="datee">
    <input type='text' class="form-control" name="timee" >
</div>

复选框 Permanent 和 Contract 可以正常选择，但我希望在未选中 Drive 复选框之前，当用户选择 Drive 时，div 应保持禁用状态，他应该能够从 div 中选择值，如果他再次取消选中驱动器复选框，div 应该再次被禁用。

我试着按照这个 code但它似乎对我不起作用，任何人都可以告诉它如何完成

Answer 1

您可以像这样禁用/启用时间控件:

function setDateTimeAvailability() {
    var checked = $("#inlineCheckbox2").is(':checked');
    $("#datetime input").attr('disabled', !checked);
    // Or, if you prefer to hide, do:
    //     $("#datetime").toggle(checked);
}
$("#inlineCheckbox2").change(setDateTimeAvailability);

// Make sure on page load the datetime availability is set correctly
$(setDateTimeAvailability);

这是一个fiddle .