Question

我的代码看起来像这样，我想要的是当用户点击当前时间复选框然后禁用时间选择栏，当用户选择选择栏中的内容时，禁用当前时间复选框，我知道这个是可以实现的，但我不知道该怎么做，我厌倦了一些方法，但没有它们有效，请告诉我如何通过JavaScript或CSS无论如何都能做到这一点，非常感谢

 Enter travel time <input type="time" name="usr_time">   
 Use current time  <input type = "checkbox" name = "Currenttime" value = "Currenttime">

Answer 1

使用document.querySelector与attribute选择器一起选择目标要素。
addEventListener在change元素上附加check-box个事件。
disabled属性为disable至user_time元素。
this.checked将是check-box元素的当前状态。

＆＃13;

document.querySelector('[name="Currenttime"]').addEventListener('change', function() {
  document.querySelector('[name="usr_time"]').disabled = this.checked;
});

＆＃13;

Enter travel time
<input type="time" name="usr_time">Use current time
<input type="checkbox" name="Currenttime" value="Currenttime">

＆＃13;

Answer 2

我就是这样做的：

function checkControl(){
    if(Currenttime.checked === false){
        usr_time.disabled = false;
    }else{
        usr_time.disabled = true;
    }
}

Here is the JSFiddle demo

另请注意，id属性已添加到两个元素中，以便可以操纵它们的属性。

禁用选择/复选框当选择/选中另一个时

2 个答案: