අගයන් නොමැති ගුණාංග හුවමාරු කිරීම

අගුළු දමා ඇති ආදානයක් සහ බොත්තමක් ලබා දෙන්න:

<input id="elem" disabled>
<input id="button" type="submit">

බොත්තම මත සෑම ක්ලික් කිරීමකින්ම ආදානයේ තත්වය වෙනස් වන පරිදි කරමු - අගුළු දමා ඇති සිට අගුළු ඇර ඇති තත්වයට සහ අනෙක් ආකාරයට. පළමුව අපගේ අංගවලට විචල්යවලට යොමු ලබා ගනිමු:

let elem   = document.querySelector('#elem');
let button = document.querySelector('#button');

දැන් සැලසුම් කරන ලද දේ ක්රියාත්මක කරමු:

button.addEventListener('click', function() {
	if (elem.disabled) {
		elem.disabled = false;
	} else {
		elem.disabled = true;
	}
});

කෙසේ වෙතත්, කේතය අඩු ප්රමාණයකින් ගැටලුව පරිහරණය කළ හැකිය:

button.addEventListener('click', function() {
	elem.disabled = !elem.disabled;
});

ඉදිරිපත් කරන ලද කේතය ක්රියා කරන ආකාරය පැහැදිලි කරන්න.

චෙක්බොක්ස් එකක් සහ බොත්තමක් ලබා දී ඇත. සෑම වතාවකම බොත්තම මත ක්ලික් කිරීම චෙක්බොක්ස් එකේ තත්වය වෙනස් වන පරිදි කරන්න.