JavaScript ෙකෙට චෙක්බොක්ස් සමග වැඩ කිරීම
දැන් අපි චෙක්බොක්ස් සමග වැඩ කිරීම ඉගෙන ගනිමු. චෙක්බොක්ස් යනු විශේෂ ටික් එකකි, එය අවස්ථා දෙකක පැවතිය හැකිය: සලකුණු කර ඇති සහ නැත.
චෙක්බොක්ස් එකක් සාදන්නේ පහත ආකාරයට ය:
<input type="checkbox" id="elem">
චෙක්බොක්ස් එකක් සලකුණු කරන ලද ලෙස සකස් කිරීමට - එයට
checked ගුණාංගය ලිවිය යුතුය:
<input type="checkbox" checked id="elem">
උදාහරණයක් වශයෙන් අපගේ චෙක්බොක්ස් එකේ තත්වය සොයා ගනිමු:
let elem = document.querySelector('#elem');
console.log(elem.checked);
චෙක්බොක්ස් එකක් සහ බොත්තම් දෙකක් දී ඇත. පළමු බොත්තම ක්ලික් කිරීමෙන් චෙක්බොක්ස් එක සලකුණු කරන ලද තත්වයට සකසන්න, දෙවන බොත්තම ක්ලික් කිරීමෙන් - සලකුණු නොකරන ලද තත්වයට සකසන්න.
චෙක්බොක්ස් එකක්, බොත්තමක් සහ ඡේදයක් දී ඇත.
බොත්තම ක්ලික් කිරීමෙන්,
චෙක්බොක්ස් එක සලකුණු කර ඇත්නම්,
ඡේදයේ 'hello' වචනය මුද්රණය කරන්න,
චෙක්බොක්ස් එක
සලකුණු කර නොමැති නම්, 'goodbye' වචනය මුද්රණය කරන්න.