JavaScript භාවිතයෙන් HTML කේතයේ පිළිතුරු විකල්ප සහිත පරීක්ෂණය

පෙර පාඩම් වලදී, පරීක්ෂණ ප්‍රශ්නවලට පිළිතුරු ආදාන කොටුවල ඇතුල් කිරීමට සිදුවිය. කෙසේ වෙතත්, ජීවිතයේදී, ඉදිරිපත් කරන ලද ඒවායින් එක් පිළිතුරු විකල්පයක් තෝරාගත හැකි පරීක්ෂණ ද බොහෝ විට පවතී. අපි එවැනි පරීක්ෂණ නිර්මාණය කරන්නේ කෙසේදැයි ඉගෙන ගනිමු.

ප්‍රශ්න සහ පිළිතුරු HTML කේතයේ ගබඩා කර ඇති සරල විකල්පයෙන් නැවත ආරම්භ කරමු, ඉන්පසු ක්‍රමයෙන් සංකීර්ණ කරන්න.

ඉතින්, පිළිතුරු විකල්ප සහිත පරීක්ෂණය මෙන්න:

<div id="test">
	<div>
		<p>ප්‍රශ්නය 1?</p>
		
		<label>
			<input type="radio" name="1" data-right>
			විකල්පය 1
		</label>
		<label>
			<input type="radio" name="1">
			විකල්පය 2
		</label>
		<label>
			<input type="radio" name="1">
			විකල්පය 3
		</label>
	</div>
	<div>
		<p>ප්‍රශ්නය 2?</p>
		
		<label>
			<input type="radio" name="2">
			විකල්පය 1
		</label>
		<label>
			<input type="radio" name="2" data-right>
			විකල්පය 2
		</label>
		<label>
			<input type="radio" name="2">
			විකල්පය 3
		</label>
	</div>
	<div>
		<p>ප්‍රශ්නය 3?</p>
		
		<label>
			<input type="radio" name="3">
			විකල්පය 1
		</label>
		<label>
			<input type="radio" name="3">
			විකල්පය 2
		</label>
		<label>
			<input type="radio" name="3" data-right>
			විකල්පය 3
		</label>
	</div>
</div>

ඔබට පෙනෙන පරිදි, අපට පිළිතුරු විකල්ප රේඩියෝ බොත්තම් භාවිතයෙන් තෝරාගත හැකිය. මෙම අවස්ථාවේදී සෑම ප්‍රශ්නයකම නිවැරදි විකල්පය සහිත රේඩියෝ බොත්තම data-right ගුණාංගයෙන් සලකුණු කර ඇත.

ප්‍රශ්නයක එක් පිළිතුරක් තෝරාගත් විට එම පිළිතුර ක්ෂණිකව නිවැරදිභාවය පරීක්ෂා කරන ආකාරයට සකස් කරන්න.

පිළිතුරු පරීක්ෂා කිරීම සිදුවන්නේ බොත්තමක් ක්ලික් කිරීම මත වන පරිදි ඔබගේ කේතය වෙනස් කරන්න.