单击其他输入时禁用输入字段

Question

I want to disable selected input fields when the one of the chosen inputs is clicked.

Example: 1. User selects input field "Name" and input field "Company" and "Company Number" is disabled; 2. The field is disabled upon "entering" into field, not writting in it.

This was my code; it works, but not exactly as intended. It disables when user starts typing. I want to disable it on "enter"/on click.

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

Any suggestions? Thank you in advance!

Answer 1

You should use .onfocus event.

// 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 2

Try using the onfocus event like this:

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

This event activates when you click and the focus is set in the input field.

The opposite event (when clicking out of the field) is onblur

Answer 3

you tagged your question under jQuery then why not you tried some jQuery! use something like this-

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