Create a group of checkboxes and allow only one selection. Here is the sample code for of creating checkbox using simple HTML and JavaScript.
HTML code
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<script>
var checkboxChecked;
document.addEventListener('input',(e)=> {
if(e.target.getAttribute('name')=="termsCondition") {
if(checkboxChecked)
checkboxChecked.checked=false;
}
e.target.checked=true;
checkboxChecked=e.target;
})
</script>
</head>
<body>
<p>Select only one checkbox from a group of checkboxes.</p>
<input type="checkbox" name="termsCondition" value="1" /> 1
<input type="checkbox" name="termsCondition" value="2" /> 2
<input type="checkbox" name="termsCondition" value="3" /> 3
<input type="checkbox" name="termsCondition" value="4" /> 4
</body>
</html>
Output
Learn JavaScript and HTML