Отключить поля ввода при нажатии другого входа

Question

Я хочу отключить выбранные поля ввода при нажатии одного из выбранных входов.

Пример: 1. Пользователь выбирает поле ввода «Имя» и поле ввода «Компания» и «Номер компании» отключен; 2. Поле отключено после «входа» в поле, а не вложения в него.

Это был мой код; он работает, но не так, как предполагалось. Он отключается, когда пользователь начинает вводить текст. Я хочу отключить его при включении/нажатии.

var disableField = function() { 
 
    var state = document.getElementById("name").value.length > 0; 
 
    document.getElementById("company").disabled = state; 
 
    document.getElementById("number").disabled = state; 
 
};

Любые предложения? Заранее спасибо!

Answer 1

вы помечено свой вопрос под JQuery, то почему вы не пробовали некоторые JQuery! использовать что-то вроде this-

<script> 
$('#elementId').click(function(){ 
    $("#someElementId").attr('disabled', true); 
}); 
</script> 

Answer 2

Вы должны использовать событие .onfocus.

// name, company, company_number are the elements 

function func(){ 
    if(this.value.length == 0) company_number.disabled = true; 
    else company_number.disabled = false; 
} 

name.onfocus = func; 
company.onfocus = func; 

Answer 3

Попробуйте использовать onfocus событие так:

<input type="text" class="form-control" id="name" placeholder="Name" onfocus="disableField()"/> 

Это событие активируется при нажатии и фокус устанавливается в поле ввода.

Противоположное событие (при клике вне поля) является onblur