Enable text box when checkbox is checked
Topics related to client-side programming language.
Post questions and answers about JavaScript, Ajax, or jQuery codes and scripts.
Marius
Posts: 107
Enable text box when checkbox is checked
Hello,
I have this html code:
Code: Select all
<label><input type='checkbox' id='chb1' value='1' />Add text</label><br>
<textarea id='txta1' name='txta1' disabled></textarea>
Now, how can i have the textarea enabled only when the checkbox is checked? Is there a simple javascript to use?
Admin
Posts: 805
Hello,
1. With javascript, register a 'click' event to the checkbox element.
2. In the function called by that click event check if the checkbox is enabled. If true, remove the 'disabled' attribute.
Code: Select all
<label><input type='checkbox' id='chb1' value='1' />Add text</label><br>
<textarea id='txta1' name='txta1' disabled></textarea>
<script>
var chb1 = document.getElementById('chb1');
var txta1 = document.getElementById('txta1');
if(chb1 && txta1){
chb1.addEventListener('click', (e)=>{
if(e.target.checked ===true) txta1.removeAttribute('disabled');
else txta1.setAttribute('disabled', 'disabled');
});
}
</script>
- Demo:
Add text
Similar Topics
Link inline with the text
HTML - CSS
First post Hi members I'm looking for the script for a link <href> to another URL.
I give part of my text and the link as it is now on my page:
and...
Last post
Hello,
In your case, put both the text and the link inside the <p> tag.
<p>and there where useful, supplemented with comments, tips...
Speech to text without https
General Forum
First post Pleasant Coursesweb,
Is their anything posible without https for speech to text fill-in ?
Or must I turn my SSL document on the XAMPP-server ?
Last post
Hello,
I don't know about speech to text fill-in.
Anyway, I want to inform you that this forum will be closed for register or posting.
Any...